font

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.

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.

Other tags to explore

3D 404 500px 62.5% API Algolia AlwaysData Android Apple Blogmarks CSS Canon Chrome Clever Age Cloudinary CrashPlan Daft Punk Diigo DotClear Drobo FeedBurner Firefox Firefox OS Flickr Free GIF Gandi Gastero Prod Google Greasemonkey Grid HD HTML HTTPS Hong Kong IndieWeb Internet Internet Explorer JAMstack JPG Magazine Jan Kounen JavaScript Jekyll KISS Les Nuls Linux Mac Mastodon Medium Microsoft Montessori Mozilla NetBook New York Opquast PEAR PHP POSSE PWA Paris Web Phototrend PicLens Pinboard RATP RWD RewriteRule SAV SEO SNCF SPIP SVG Safari Service Worker Sony Sud Web TGIF TV TinEye Twitter URL UX Venise W3C Web Web 2.0 Web Services Web UX WebPerf Webmention WiFi Windows Yahoo a11y accessibility advertisement agenda animal animation astuce backup bag blog book bookmarks browser bug bullshit cinema comic comments commerce computer concert conference couleur creation design dessin animé diving download droit développement e-commerce ebook em empathy esviji extension fail feed fichier financement participatif flexbox font formulaire fun game gear geolocation history humour hébergement iOS iPad iPhone iPod Touch iTunes icon image informatique innovation jQuery layout life littérature livre loisirs macOS macro mail marketing me media misc mobile moi movie music night offline opensource password phone photo phpHeaven phpMyChat plugin portrait privacy progressive enhancement push quality qualité quote religion rem search security semantic series social network society software spam sport standards statistics tag talk test time-lapse travel video video game viewport vocabulary wiki