You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The current fonts (sans and mono) are set to a single font (Inter and Inconsolata), which we make the client download.
We include those fonts with a font-display: swap property, which makes the UI display not block on the font to display stuff (good), but because they are the only font in the stack, the initial font is serif (not good).
For example, in MAS, we get this UI while the font gets loaded:
Initial load
After few ms
We should at least have sans-serif in the font stack, but even better would be:
Inter, ui-sans-serif, system-ui, sans-serif for the sans font
Inconsolata, ui-monospace, monospace for the mono font
We could also go further and use the font stacks described in this article
The text was updated successfully, but these errors were encountered:
The current fonts (
sans
andmono
) are set to a single font (Inter and Inconsolata), which we make the client download.We include those fonts with a
font-display: swap
property, which makes the UI display not block on the font to display stuff (good), but because they are the only font in the stack, the initial font isserif
(not good).For example, in MAS, we get this UI while the font gets loaded:
We should at least have
sans-serif
in the font stack, but even better would be:Inter, ui-sans-serif, system-ui, sans-serif
for thesans
fontInconsolata, ui-monospace, monospace
for themono
fontWe could also go further and use the font stacks described in this article
The text was updated successfully, but these errors were encountered: