CSS { In Real Life } | How I Solved My Font Rendering Problem
Using Font Variant Numeric
The font-variant-numeric CSS property allows us to control alternate glyphs for numbers, fractions, and ordinal markers.
Variable Fonts for Developers
Variable fonts for developers, a collection of fun experiments, effects, demos, articles, font lists, and stuff I have learned as a developer about variable fonts
Variable Fonts: Starter Guide ["Tipps, Downloads und Beiträge"]
Variable Fonts sprechen für einen variantenreichen Umgang mit Schrift. Hier kommen hilfreiche Tipps, Downloads, Tutorials und Beiträge ...
Implementing a variable font with fallback web fonts - Pimp my Type
With variable fonts, more typographic richness and influence is coming to the web and this at a relatively low file size. You want to benefit from that in your next web project, but still, you don’t want to bet everything on this new technique? This article will show you how to integrate a variable font … Weiterlesen
The new @font-face syntax
Using variable fonts and color fonts with @font-face.
Shantell Sans
A new typeface from Shantell Martin
The relative font weight axis — how variable fonts ease font weight transitions
Variable fonts with a custom relative font weight axis ("GRAD") help to avoid layout shifts when transitioning font-weight.
Slice
Axis-Praxis: Variable Fonts in the browser
GitHub - google/woff2
Contribute to google/woff2 development by creating an account on GitHub.
Getting started with Variable fonts on the web
Variable fonts are really awesome and open up some new doors for typography, so in this video I take a look at what they are, how they work, and how to use t...
Wakamai Fondue
The tool that answers the question “what can my font do?”
Variable fonts in real life: how to use and love them—Martian Chronicles, Evil Martians’ team blog
A look at variable fonts in real life. Everything’s here: practical examples, file optimization and accessibility benefits, and… the future!
The joy of Variable Fonts: getting started on the Frontend—Martian Chronicles, Evil Martians’ team blog
Get set up with variable fonts on the frontend: properly load them, deal with settings, look at 'gotchas' and more!
Variable Fonts und wie man sie (nicht) einsetzen sollte
Vor kurzem hat heise online die Art der Schrifteneinbindung auf eine modernere Variante umgestellt. Das verlief leider nicht ganz so unbemerkt, wie erhofft.
Variable fonts guide - CSS: Cascading Style Sheets | MDN
Variable fonts are an evolution of the OpenType font specification that enables many different variations of a typeface to be incorporated into a single file, rather than having a separate font file for every width, weight, or style. They let you access all the variations contained in a given font file via CSS and a single @font-face reference. This article will give you all you need to know to get you started using variable fonts.
Introduction to variable fonts on the web
How variable fonts work, how typographers implement variable fonts, and how to work with variable fonts in CSS.
Variable Fonts
A simple resource for finding and trying variable fonts.
Variable Fonts | Was sind variable Schriften? (OpenType Fonts)
Definition und Beispiele der OpenType-Schrifttechnologie Variable Fonts von Adobe, Apple, Google und Microsoft. Thesen zu Design, Ladezeiten, Kosten, Leistungsschutzrechten, Datenschutz und Datensicherheit.
A New Responsive Font Format for the Web | CSS-Tricks
Nick Sherman gave a fascinating talk at Ampersand earlier this month which was based on an article he wrote called Variable Fonts for Responsive Design.
Three Techniques for Performant Custom Font Usage | CSS-Tricks
There’s a lot of good news in the world of web fonts! The forthcoming version of Microsoft Edge will finally implement unicode-range, the last modern
One File, Many Options: Using Variable Fonts on the Web | CSS-Tricks
In 2016, an important development in web typography was jointly announced by representatives from Adobe, Microsoft, Apple, and Google. Version 1.8 of the
Microsoft Edge Variable Fonts Demo | CSS-Tricks
The Edge team put together a thorough demo of variable fonts, showcasing them in all of their shape-shifting and adaptive glory. Equally interesting as
Variable Fonts with Jason Pamental | CSS-Tricks
We've already hit you with a one-two punch of variable fonts today. Robin shared Richard Rutter's post on real-world usage of them. Ollie Williams
How to use variable fonts in the real world | CSS-Tricks
Yesterday Richard Rutter posted a great piece that explores how the team at Clearleft built the new Ampersand conference website using variable fonts
Better rendering for variable fonts | CSS-Tricks
I was messing around with a variable font the other day and noticed this weird rendering issue in the latest version of Chrome where certain parts of
Variable Fonts Link Dump! | CSS-Tricks
There's been a ton of great stuff flying around about variable fonts lately (our tag has loads of stuff as well). I thought I'd round up all the new stuff