Web Performance in Action-Building Fast Web Pages(2016.12).A4 by Jeremy L. Wagner

Web Performance in Action-Building Fast Web Pages(2016.12).A4 by Jeremy L. Wagner

Author:Jeremy L. Wagner [Wagner, Jeremy L.]
Language: eng
Format: epub
Published: 0101-01-01T00:00:00+00:00

Want to skip ahead?

If you get stuck or want to skip ahead to see how the completed font-loading API code looks and behaves, you can do so by entering git checkout -f font-display-complete at the command line.

After the code has downloaded to your computer from GitHub, open index.html and styles.css in your text editor.

Controlling how and when fonts display

To get started, open the Developer Tools in Chrome and change your network throttling profile to Regular 3G. You’ll be able to see the FOIT effect quite easily. As a general rule, the slower the connection, the more noticeable this effect. To pinpoint the moment when fonts become visible on the screen, you can toggle the Capture Screenshots button in the Network tab, as shown in figure 7.14.



Download



Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.
Web Analytics