Contents tagged “font”

There are 10 contents with this tag:

screenshot of The Fastest Google Fonts

Harry Roberts avatar Harry Roberts wrote

The Fastest Google Fonts

If you're using Google Fonts service instead of self-hosting the fonts (even if they come from Google Fonts), Harry shows here the optimal performance and UX you can get with it, with lot of details, but a really simple solution.

screenshot of Deep dive CSS: font metrics, line-height and vertical-align

Vincent De Oliveira avatar Vincent De Oliveira wrote

Deep dive CSS: font metrics, line-height and vertical-align

Line-height and vertical-align are simple CSS properties. So simple that most of us are convinced to fully understand how they work and how to use them. But it’s not. They really are complex, maybe the hardest ones, as they have a major role in the creation of one of the less-known feature of CSS: inline formatting context.

screenshot of Font style matcher

Monica Dinculescu avatar Monica Dinculescu wrote

Font style matcher

If you're using a web font, you're bound to see a flash of unstyled text (or FOUC), between the initial render of your websafe font and the webfont that you've chosen. This usually results in a jarring shift in layout, due to sizing discrepancies between the two fonts. To minimize this discrepancy, you can try to match the fallback font and the intended webfont’s x-heights and widths. This tool helps you do exactly that.

screenshot of Should I Use JavaScript to Load My Web Fonts?

Zach Leatherman avatar Zach Leatherman wrote

Should I Use JavaScript to Load My Web Fonts?

the advanced web font loading control offered by JavaScript still provides more than sufficient value to keep it around. You can adapt your page’s performance profile to suit a user’s network conditions, user preferences, improving the general loading behavior of self hosted fonts and third party hosting providers.

Users DO change font size

Evan Minto wrote a great article showing the Internet Archive has tested the actual root font-size set by their visitors, and the result shows a lot of people still change the default one: Pixels vs. Ems: Users DO Change Font Size.

De nouvelles fontes sur Gastero Prod

Navigant régulièrement avec une connexion de piètre qualité, j'en ai un peu marre de voir de nombreux sites me présenter juste des éléments d'interface en attendant le chargement des fichiers de fontes utilisées par @font-face. Du coup, vu que ce site n'a pas spécialement d'enjeu graphique particulier, j'ai décidé de me passer des deux fontes que j'imposais depuis la refonte récente. L'occasion de me replonger dans l'enfer des font stacks web safe…

Quelques petits ajustements…

Vous l'avez peut-être remarqué vous même si vous faites partie des rares à venir de temps en temps sur le site, mais certainement pas si vous me lisez via le flux RSS, j'ai fait quelques ajustements, notamment sur la page d'accueil.

See all tags.