Agentur kulturbanauseVariable Fonts
Bei sog. »Variable Fonts« handelt es sich um ein neues OpenType Feature, dass zunehmend an Bekanntheit gewinnt und darüber hinaus im neuesten Update der Adobe Creative Cloud verfügbar ist. Variable Fonts bieten eine Reihe neuer Möglichkeiten über die sich vor allem Webdesigner (aber nicht nur) freuen dürften. Im Typekit-Blog wurde bereits 2016 darüber berichtet und die neuen Features zusammengefasst. Direkter Link zum Artikel
Die CSS-Eigenschaft »font-display«
Webfonts sind heutzutage eine Selbstverständlichkeit. Allerdings wird die Schrift von modernen Browsern so lange versteckt, bis sie komplett geladen ist. Mit der CSS-Eigenschaft font-display kann der Fallback- und Ladeprozess (FOIT, FOUT) von Webschriften ähnlich gestaltet werden wie mit JavaScript-basierten Lösungen. Allerdings ist dafür nur noch eine Codezeile nötig. Jeremy Wagener erklärt, wie font-display eingesetzt wird und welche Auswirkung die verschiedenen Werte […]https://kulturbanause.de/news/die-css-eigenschaft-font-display/
CSS-Content mit den Pseudoelementen ::before und ::after
Mit den CSS-Pseudoelementen ::before und ::after könnt ihr einem HTML-Element per CSS weitere Inhalte hinzufügen. Die Technik wird für dekorative Zwecke eingesetzt, da die Inhalte nicht Teil des HTML-Codes sind.https://kulturbanause.de/blog/generierter-css-content-mit-before-und-after/
Matthijs SluiterAndrew Bellamy from the Otherwhere Collective built Relay, a fontdrop website. It’s in beta stage and he asks for your feedback (via mail):
Typographica@bram and @jmsole’s extremely thorough Fonts chapter of the Web Almanac is out: https://almanac.httparchive.org/en/2025/fonts
Chris Lilley 🏴The Fonts chapter of the 2025 Web Almanac, by HTTP Archive, is now available
Ashwin Nanjappa 🐘Started the first non-work day of the year with some yak-shaving on my website: learnt how to use local web fonts, picked one (Literata), changed some colors and removed the Google Programmable Search Engine and Google Analytics.
Webpages are now pure HTML/CSS (zero JS) and literally a few hundred bytes in size total.
https://codeyarns.com/tech/2026-01-01-how-to-self-host-google-fonts.html
@cjtype @pixelambacht There is a little more activity.
1. This demo:
https://garretrieger.github.io/ift-demo/
2. The full source for the demo, including the client-side and server-side parts:
https://github.com/garretrieger/ift-demo
3. An IFT encoder, work in progress
https://github.com/w3c/ift-encoder
4. Recently we heard that a Japanese foundry, Studio株式会社 was working on an encoder and decoder (not released yet, but good news)
https://www.w3.org/2025/11/10-webfonts-minutes.html
https://studio.inc/
The @w3c Web Fonts Working Group has updated the Incremental Font Transfer (IFT) specification.
All the things that an encoder or a client (decoder) must do are explicitly called out, to make testing easier.
#webfonts #fonts #IncrementalFontTransfer
https://www.w3.org/TR/2 025/CRD-IFT-20251118/
Space HoboDear #LazyWeb:
Is there still a good reason to have separate "Web Font" file formats vs Desktop? Like, if I can load an OTF font in my CSS, what purpose does this distinction serve? Is this just standards proliferation, or some sort of parallel development with different priorities?