Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Simplified script for injecting fonts into WebPageTest
// this will trigger a font load
var customFont1 = new FontFace('custom font name', 'url([FONT_URL_HERE])', {
display: 'block', // display setting to test here
weight: '700' // font-weight
// other font properties here
// IMPORTANT: add the font to the document
// monitor the font load (optional)
customFont1.loaded.then((fontFace) => {
// log some info in the console'Font status:', customFont1.status); // optional
// log some info on the WPT waterfall chart
performance.mark('wpt.customFont1Loaded'); // optional
}, (fontFace) => {
// if there's an error, tell us about it
console.error('Font status:', customFont1.status); // optional
// repeat above for multiple fonts
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.