Fonts
With the release of Publii version 0.39.0, there has been a big change in our themes regarding the way fonts are loaded. Previously, the Google font loaded directly from its CDN. However, since the majority of browsers have now blocked resource-caching from transferring across domains, users will need to redownload the font files for every site they visit that uses the same font, regardless of whether it was downloaded and cached previously from another site. Even more importantly, the EU court has deemed that Google Fonts (loaded directly from its CDN) are not compliant with the GDPR, which requires consent to be sought before any personally-identifiable information can be collected and stored.
Due to these changes, all fonts provided by Publii will from now on be loaded locally (self-hosting), which confers a few benefits to our earlier solution:
- Avoids an Extra DNS Lookup
- Removes Non-Minified CSS
- Provides Better Control over Cache Settings
- Complies with the GDPR
Variable fonts
To reduce the number of font files as well as to provide greater control over them, our themes come with variable fonts only. With variable fonts, instead of loading a normal and bold version of the font, Publii will only load a single file. This is important because Publii allows for two different fonts to be loaded; if both a standard and bold version of each of these fonts was included on the site, the total weight (that is, download size) of the files would be too much and could negatively affect load times.
Another advantage of using variable fonts is that now we can manipulate their size across the full range; instead of only being able to choose between displaying the font at 400 (normal) or 700 (bold), we can choose to display a given font at a seemingly random size such as 436, which affords us even greater control when customizing the style of our site.
Pretty great, isn't it?
One more thing to be aware of; you may have noticed that we have omitted some very popular fonts like “Open Sans” or “Noto Sans” from the fonts included in Publii. We made the decision to not include these fonts as their weight (size) is a bit too big, which in our opinion is not acceptable when trying to build a lightweight static website such as Publii is designed for.
The list of available fonts with their specification
Below you can find the list of all fonts used in our themes, including their typeface, weight, or size.
Name | Preview | Type | Weight range | Size |
---|---|---|---|---|
Andada Pro | ![]() | serif | 400 - 840 | 106 KB |
Antonio | ![]() | sans-serif | 100 - 700 | 37 KB |
Archivo Narrow | ![]() | sans-serif | 400 - 700 | 37 KB |
Asap | ![]() | sans-serif | 400 - 700 | 57 KB |
Besley | ![]() | serif | 400 - 900 | 49 KB |
Big Shoulders Display | ![]() | cursive | 100 - 900 | 82 KB |
Bitter | ![]() | serif | 100 - 900 | 108 KB |
Brygada 1918 | ![]() | serif | 400 - 700 | 89 KB |
Cairo | ![]() | sans-serif | 200 - 900 | 74 KB |
Comfortaa | ![]() | cursive | 300 - 700 | 80 KB |
Dancing Script | ![]() | cursive | 400 - 700 | 59 KB |
Domine | ![]() | serif | 400 - 700 | 40 KB |
Dosis | ![]() | sans-serif | 200 - 800 | 47 KB |
Exo | ![]() | sans-serif | 100 - 900 | 54 KB |
Faustina | ![]() | serif | 300 - 800 | 49 KB |
Glory | ![]() | sans-serif | 100 - 800 | 42 KB |
Gluten | ![]() | cursive | 100 - 900 | 79 KB |
Heebo | ![]() | sans-serif | 100 - 900 | 41 KB |
JetBrains Mono | ![]() | monospace | 100 - 800 | 71 KB |
Jura | ![]() | sans-serif | 300 - 700 | 78 KB |
Karla | ![]() | sans-serif | 200 - 800 | 42 KB |
Kreon | ![]() | serif | 300 - 700 | 33 KB |
Lemonada | ![]() | cursive | 300 - 700 | 81 KB |
Libre Franklin | ![]() | sans-serif | 100 - 900 | 44 KB |
Lora | ![]() | serif | 400 - 700 | 83 KB |
Manuale | ![]() | serif | 300 - 800 | 76 KB |
Manrope | ![]() | sans-serif | 100 - 900 | 53 KB |
Merriweather Sans | ![]() | sans-serif | 300 - 800 | 93 KB |
Montserrat | ![]() | sans-serif | 100 - 900 | 125 KB |
Nunito | ![]() | sans-serif | 200 - 900 | 100 KB |
Oswald | ![]() | sans-serif | 200 - 700 | 66 KB |
Petrona | ![]() | serif | 100 - 900 | 86 KB |
Playfair Display | ![]() | serif | 400 - 900 | 106 KB |
Public Sans | ![]() | sans-serif | 100 - 900 | 40 KB |
Quicksand | ![]() | sans-serif | 300 - 700 | 52 KB |
Raleway | ![]() | sans-serif | 100 - 900 | 128 KB |
Red Hat Mono | ![]() | monospace | 300 - 700 | 29 KB |
Roboto Slab | ![]() | serif | 100 - 900 | 117 KB |
Rubik | ![]() | sans-serif | 300 - 900 | 77 KB |
Ruda | ![]() | sans-serif | 400 - 900 | 38 KB |
![]() | sans-serif | 100 - 900 | 41 KB | |
Source Code Pro | ![]() | monospace | 200 - 900 | 85 KB |
Spartan | ![]() | sans-serif | 100 - 900 | 44 KB |
Urbanist | ![]() | sans-serif | 100 - 900 | 38 KB |
Yanone Kaffeesatz | ![]() | sans-serif | 200 - 700 | 53 KB |