Can web fonts block rendering? - Printable Version +- WebPagetest Forums (https://www.webpagetest.org/forums) +-- Forum: Web Performance (/forumdisplay.php?fid=3) +--- Forum: Discuss Test Results (/forumdisplay.php?fid=4) +--- Thread: Can web fonts block rendering? (/showthread.php?tid=15878)

Can web fonts block rendering? - danielcael@gmail.com - 09-03-2019 11:31 PM 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_7fab2bdab420ed8080c79ab26905f70c/1/details/#waterfall_view_step1 Thanks! RE: Can web fonts block rendering? - pagedart - 09-05-2019 11:25 PM 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. RE: Can web fonts block rendering? - tomachi - 09-07-2019 12:01 AM 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!