WebPagetest Forums

Full Version: Can web fonts block rendering?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I noticed that nothing was rendered until the font file was downloaded. Is this due to not using "font-display"?

Another question, in this print can we see a flush() from PHP?

http://webpagetest.org/result/190903_T3_...view_step1

[Image: Capturar2.jpg]

Thanks!
Hi Daniel,

Yes, font's can block the paint.

Is this due to not using "font-display"? Not necessarily.

Are you using <link rel="preload"> on the font?

<link rel="preload"> serves as a "hint" to the browser that a given resource is going to be needed soon, but it doesn't tell the browser how to use it. You need to use preload in conjunction with an appropriate CSS @font-face definition in order to instruct the browser what do to with a given Webfont URL.
What is PHP flush is that a way to force the buffer to get sent out early rather than say at the end? Also I wonder the different colours in those bars mean, I assume download and parsing. Great tool this! Big Grin
Reference URL's