Learn Performance - Fonts
Google Fonts
This page uses the Google Fonts service to download the Dancing Script font.
The page references a CSS file which contains the
@font-face
declaration.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac orci dictum, dictum augue nec, semper sapien. Etiam efficitur a nisl sed semper. Nam et venenatis risus, eget consequat odio. Praesent at purus ligula. Pellentesque tincidunt lorem at augue mattis blandit. Cras at ipsum augue. Duis vestibulum, ex eu commodo tristique, sem dui cursus lorem, quis sollicitudin leo sem et dui. Integer nec pellentesque nisi. Aliquam fringilla quam neque, eget volutpat nisi pharetra ac. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Notice how the paragraph is not rendered until the web font has finished
downloading. This is not the default Google Font behaviour as we have
removed the
&display=swap
query string parameters from the Google Fonts URL. This is only done to keep
the example similar to the previous examples.
Note that we unable to slow down the font files response time since the files are hosted by a third-party, so this page might incorrectly seem faster.
View Source Code
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script" rel="stylesheet">