if ("fonts" in document) { var regular = new FontFace( "Montserrat", "url(/fonts/Montserrat-Regular-hint-all.woff2) format('woff2'), url(/fonts/Montserrat-Regular-hint-all.woff) format('woff')" ); var bold = new FontFace( "Montserrat", "url(fonts/Montserrat-Bold-hint-all.woff2) format('woff2'), url(fonts/Montserrat-Bold-hint-all.woff) format('woff')", { weight: "700" } ); var semiBold = new FontFace( "Montserrat", "url(fonts/Montserrat-SemiBold-hint-all.woff2) format('woff2'), url(fonts/Montserrat-SemiBold-hint-all.woff) format('woff')", { weight: "600" } ); Promise.all([bold.load(), regular.load(), semiBold.load()]).then(function( fonts ) { fonts.forEach(function(font) { document.fonts.add(font); }); }); }