Font preload and system
-
Just like know how win time with the system font and preload for win some ms
I find this: font-display: swap;
@font-face { font-family: 'Pacifico'; font-style: normal; font-weight: 400; src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format('woff2'); font-display: swap; }And the preload, this:
<head> <!-- ... --> <link rel="preload" href="/assets/Pacifico-Bold.woff2" as="font" type="font/woff2" crossorigin> </head>I like know if this lines are ok, or need one modification.
What is better, preload, system font or the 2?
https://web.dev/articles/codelab-preload-web-fonts?hl=es-419
Maybe one of this lines can be added to the theme by default.
Viewing 3 replies - 1 through 3 (of 3 total)
-
So, you recommend don’t touch nothing, true?.
Maybe Tom, can make this, is like 150ms, is just before the font is load for visualize the text more faster and then load the font of generatepress
With display Swap at the end solve the problem;
<link rel="stylesheet" />Show the text with system font, betwen load the generatepress font, and now show the generatepress font
Thanks and good weekend ????
Viewing 3 replies - 1 through 3 (of 3 total)
- The topic ‘Font preload and system’ is closed to new replies.
