Problem/Motivation

I did some performance testing of Drupal CMS recently and noticed that Olivero loads five font files for two font faces, at a total of about 100kb.

I think it would be worth considering whether we'd be better off (or not worse off) with two variable fonts - this would be two files then, obviously need to see how big the font file would be.

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

Introduced terminology

API changes

Data model changes

Release notes snippet

Comments

catch created an issue. See original summary.

catch’s picture

catch
he/him
Primary language English
commented
Issue summary: View changes

catch credited mherchel.

catch’s picture

catch
he/him
Primary language English
commented
wim leers’s picture

wim leers
Location Ghent 🇧🇪🇪🇺
commented

I noticed this too when I upgraded my site from Drupal 7 to 10.

By far the largest jump in page weight is these 5 (!!!) fonts.

rikki_iki’s picture

rikki_iki commented

Metropolis doesn't have a variable font available that I can find.

Lora does, though it's Italic variant is a separate file (glyphs are too different to simply slant).

There's actually 6 fonts all up in Olivero's fonts.css... 3x Metropolis weights (roman), 2x Lora weights (roman) and 1x Lora italic.

I'm not sure if replacing Metropolis with a similar font that has a variable version available is on the table, but that would at least get it down to 3 files.

I also note the navigation module is loading Inter variable font - quite a large file too, probably a separate issue.

Version: 11.x-dev » main

Drupal core is now using the main branch as the primary development branch. New developments and disruptive changes should now be targeted to the main branch.

Read more in the announcement.