#WebTypography
LightNews LightNews
webtypography.bsky.social
Richard Rutter (@clagnut.com) posting mostly about
#webtypography and related #typography, #fonts and general #design goodness. Scattered with a few book updates.
bsky.app
December 4, 2024 at 8:48 AM
giulialaco.bsky.social
So thrilled to be part of such a worldwide event, speaking on my favourite subject.
Thanks for having me @wpaccessibility.day !

#WPAD2025 #WPA11yDay #accessibility #a11y #readability #legibility #webtypography
September 3, 2025 at 11:11 AM
pablolarah.bsky.social
🍓 Responsive Letter Spacing
by @tylersticka.com @tylersticka@social.lol
at @cloudfour.com @cloudfour@mastodon.social

#Responsive #LetterSpacing #Typography #WebTypography

cloudfour.com/thinks/respo...
Red text on pink background: Responsive Letter Spacing
November 27, 2025 at 10:52 PM
pablolarah.bsky.social
🍂 Authors Together
by Bits&Letters / @demar.ee @ddemaree@me.dm
In 2024, A Book Apart closed its doors after publishing a much-loved collection of more than 50 brief books for people who make websites.
#ebook #webdev #Responsive #Design #webTypography #js #Accessibility
authors-together.org
December 18, 2024 at 4:33 AM
pablolarah.bsky.social
📔 Improved CSS Text-Stroke
by Tyler Sticka
@tylersticka.com @tylersticka@social.lol
#css #webdev #webfonts #webtypography

tylersticka.com/journal/impr...
Pink text with white stroke on blue background with pink 3D shadow behind: Improved CSS Text-Stroke
August 6, 2026 at 5:57 PM
pablolarah.bsky.social
✂️ Better fluid sizing with round()
by Ahmad Shadeed
@ishadeed.com
@shadeed9@front-end.social
Using the round() function to get a more predictable fluid sizing.
#round #css #webdev #webTypography #spacing #layoutRhythm

ishadeed.com/article/css-...
Dark violet text "Better fluid sizing with round()" on light violet background with illustration of kids cutting a fabrix with a giant scissor, from C. J. Kino. Tailor, 40 West Strand and 164 Fenchurch St., London
May 21, 2026 at 12:12 AM
phloe.co
New year.
New blog.
First post.

The first step to properly aligning web typography is understanding font⁠-⁠size.

phloe.co/dev/font-size

#CSS #WebTypography #FontMetrics
The chaotic neutral nature of font-size
The first step to properly aligning web typography is understanding font⁠-⁠size.
phloe.co
February 2, 2024 at 11:04 PM
irgendwasmitgrafik.bsky.social
Neues Jahr—neue Website!
Viel Spaß beim Stöbern! Ich freue mich auf eure Anfragen!
www.irgendwasmitgrafik.de

—
Typo: PP Neue Montreal von Mat Desjardins

—
#typography #website #webdesign #webtypography #goodtype #design #graphicdesign #designchallenge #animation #typeanimation #irgendwasmitgrafik
January 24, 2025 at 6:54 PM
alistapart.com
✩ Boiled down: fixing the variable font inheritance problem | Roel Nieskens

pixelambacht.nl/2022/boiled-... #css #variablefonts #webtype #webtypography
Boiled down: fixing the variable font inheritance problem – Pixelambacht
Front-end antics and typographic mischievousness
pixelambacht.nl
December 29, 2024 at 1:41 PM
pablolarah.bsky.social
🔵 Typeset
by David Merfield @DavidMerfield
An HTML pre-proces­sor for web ty­pog­ra­phy. Typeset pro­vides ty­po­graphic fea­tures used tra­di­tion­ally in fine print­ing which re­main un­avail­able to browser lay­out en­gines.
#WebTypography #webfonts #webdev

typeset.lllllllllllllllll.com
Blue text "Typeset" on pink background with big faded asterisk.
October 29, 2024 at 2:59 PM
pixelpioneers.co
🎥 Here's another talk from the archives that's still very relevant!

Watch Bianca Berning on variable fonts and discover how they can improve both the user experience and the web performance of your sites: www.youtube.com/watch?v=6ty1...

#ThrowbackThursday #tbthursday #webtypography #variablefonts
Variable Fonts: WTF? – Bianca Berning | Pixel Pioneers Bristol 2022
YouTube video by Pixel Pioneers
www.youtube.com
March 6, 2025 at 2:36 PM
pablolarah.bsky.social
🔵🟠🟡 Quick guide to web typography for developers
by OlegWock @OlegWock@toot.works X: @OlegWock
#Typography #WebTypography #webfonts #webdev

sinja.io/blog/web-typ...
Yellow text with orange shadows: Quick guide to web typography for developers. Background image, duotone blue white version of Costumes Parisiens: Grande robe du soir from Journal des Dames et des Modes (1913) fashion illustration in high resolution by George Barbier
September 4, 2024 at 3:33 PM
pablolarah.bsky.social
🍒 WOFF 1.0: a milestone on W3C’s journey of fonts on the web
at @w3c@w3c.social
#WorldWideWebConsortium
#WebDev #Woff #webfonts #webtypography

www.w3.org/blog/2026/wo...
Illustration: Hyacinth, Black Mulberry, and Caterpillar from Mira Calligraphiae Monumenta or The Model Book of Calligraphy (1561–1596) by Georg Bocskay and Joris Hoefnagel. Green text on light pink background: WOFF 1.0: a milestone on W3C’s journey of fonts on the web
July 28, 2026 at 8:06 PM
pablolarah.bsky.social
🟠 Fluid typography
(and its role in design systems)
by Richard Rutter
@Richr@mastodon.social
at @londonwebstandards.org
#typography #webTypography #DesignSystem #webdev

2024.stateofthebrowser.com/speaker/rich...
Detailed blue text with organic vines like shapes: Fluid. Below, White text on orange rectangle: typography (and its role in design systems). Background image is a duotone orange white illustration of angel with open wings, trumpets with laces, waving flags, Sacred Heart on the top center below the Angel and birds on bottom left and right.
December 12, 2024 at 4:39 PM
ppc.land
ICYMI: Safari's text-wrap: pretty brings superior web typography #WebTypography #Safari #TextWrap #CSS #WebDesign
Safari's text-wrap: pretty brings superior web typography
Comprehensive implementation surpasses Chrome in typographic refinement for websites.
ppc.land
April 21, 2025 at 7:34 PM
ppc.land
ICYMI: Safari's text-wrap: pretty brings superior web typography #Safari #WebTypography #TextWrap #UI #WebDesign
Safari's text-wrap: pretty brings superior web typography
Comprehensive implementation surpasses Chrome in typographic refinement for websites.
ppc.land
April 19, 2025 at 7:33 PM
ppc.land
Safari's text-wrap: pretty brings superior web typography #WebTypography #Safari #TextWrap #CSS #WebDesign
Safari's text-wrap: pretty brings superior web typography
Comprehensive implementation surpasses Chrome in typographic refinement for websites.
ppc.land
April 18, 2025 at 7:31 PM
marketingnews.bsky.social
ICYMI: Safari's text-wrap: pretty brings superior web typography #WebTypography #Safari #TextWrap #CSS #WebDesign
Safari's text-wrap: pretty brings superior web typography
Comprehensive implementation surpasses Chrome in typographic refinement for websites.
ppc.land
April 21, 2025 at 7:34 PM
marketingnews.bsky.social
ICYMI: Safari's text-wrap: pretty brings superior web typography #Safari #WebTypography #TextWrap #UI #WebDesign
Safari's text-wrap: pretty brings superior web typography
Comprehensive implementation surpasses Chrome in typographic refinement for websites.
ppc.land
April 19, 2025 at 7:33 PM
marketingnews.bsky.social
Safari's text-wrap: pretty brings superior web typography #WebTypography #Safari #TextWrap #CSS #WebDesign
Safari's text-wrap: pretty brings superior web typography
Comprehensive implementation surpasses Chrome in typographic refinement for websites.
ppc.land
April 18, 2025 at 7:31 PM
javidevedu.bsky.social
Magical Coding Tips Part #6: CSS Font Shorthand 📝🧙🏻‍♂️
Style text with precision and power — dive deeper at javidev (link in my profile).
mystic.js

#CSSFont #ShorthandMagic #FontStyling #CleanCode #FrontendTips #WebTypography #DevShortcuts #HTMLCSS #UIEssentials #CodeWizard
May 12, 2025 at 10:02 PM
giulialaco.bsky.social
Are you ready for the @wpaccessibility.day , the 24-hour international marathon on accessibility?

Register now, because Wednesday is in just 2 days!
Link in the first comment

Keynote at 15:00 (UTC): Vitaly Friedman!

#WPA11yDay #WPAD2025 #WebTypography #Legibility #Readability #A11y
WordPress Accessibility Day 2025: Typography, Readability and Digital Accessibility by Giulia Laco (smiling in picture). October 15, 17:00 UTC, 19:00 Paris/Rome. Free live streaming. Invitation to register. Slide cover of my talk: Typography, Readability and Digital Accessibility. Light blue background and delicate colour decorations, with black text. The talk title is in Balboa Black Condensed typeface, ALL CAPS with a fancy ampersand. Giulia Laco, October 15, 2025. WordPress Accessibility Day 2025 logo
October 13, 2025 at 4:06 PM
thedroptimes.bsky.social
✨ New release: Typography Filter 2.0.0 brings fine-grained control & developer API integration to #Drupal.

Pick exactly which typographic rules apply—or call it via service for automatic cleanup.

Powered by JoliTypo & compatible with Drupal 10/11.

🔗 https://bit.ly/4pWlHkV
##WebTypography
Typography Filter 2.0.0 Brings Granular Control and Developer Integration to Drupal
October 8, 2025 at 10:01 AM
digisense.bsky.social
🖋️ Gérez vos polices comme un pro, sans plugin
WordPress 6.8 introduit la Font Library API : locales ou externes, ajoutez vos typos avec style (et RGPD-friendly 😎)
👉 https://digisense.fr/wordpress-6-8-font-library-api/
#FontAPI #WordPress68 #WebTypography #DesignWP #Digisense
April 18, 2025 at 7:01 AM