Web Typography
@webtypography.bsky.social
Posts by Richard Rutter, author of Web Typography, and founder of Fontdeck and the Ampersand conferences.
Book: https://book.webtypography.net/
#typography #webtypography #fonts #design
Book: https://book.webtypography.net/
#typography #webtypography #fonts #design
Pinned
bsky.app
Richard Rutter (@clagnut.com) posting mostly about
#webtypography and related #typography, #fonts and general #design goodness. Scattered with a few book updates.
#webtypography and related #typography, #fonts and general #design goodness. Scattered with a few book updates.
Spent *far* too long trying to find the perfect poem to illustrate `text-indent: 2em hanging each-line`.
Eventually stumbled across 'Dart' by Alice Oswald. It's fantastic. An epic poem about the river Dart in Devon.
uk.bookshop.org/a/16737/9780...
#typography #css #poetry
Eventually stumbled across 'Dart' by Alice Oswald. It's fantastic. An epic poem about the river Dart in Devon.
uk.bookshop.org/a/16737/9780...
#typography #css #poetry
Dart
Check out Dart - Over the past three years Alice Oswald has been recording conversations with people who live and work on the River Dart in Devon. Using these records and voices as a sort of poetic ce...
uk.bookshop.org
December 12, 2025 at 11:39 AM
Spent *far* too long trying to find the perfect poem to illustrate `text-indent: 2em hanging each-line`.
Eventually stumbled across 'Dart' by Alice Oswald. It's fantastic. An epic poem about the river Dart in Devon.
uk.bookshop.org/a/16737/9780...
#typography #css #poetry
Eventually stumbled across 'Dart' by Alice Oswald. It's fantastic. An epic poem about the river Dart in Devon.
uk.bookshop.org/a/16737/9780...
#typography #css #poetry
Reposted by Web Typography
CSS text-decoration-inset landed in Firefox 146! Here's how it works:
December 11, 2025 at 5:11 PM
CSS text-decoration-inset landed in Firefox 146! Here's how it works:
Reposted by Web Typography
In the early 1940s, Directors General of the BBC, Cecil Graves and William Haley spoke about the revolutionary technology of radio and television broadcasting.
[read attached image]
Now read that again, this time replacing ‘broadcasting’ with ‘AI’ and imagine how different things could be.
#ai
[read attached image]
Now read that again, this time replacing ‘broadcasting’ with ‘AI’ and imagine how different things could be.
#ai
December 3, 2025 at 12:59 PM
In the early 1940s, Directors General of the BBC, Cecil Graves and William Haley spoke about the revolutionary technology of radio and television broadcasting.
[read attached image]
Now read that again, this time replacing ‘broadcasting’ with ‘AI’ and imagine how different things could be.
#ai
[read attached image]
Now read that again, this time replacing ‘broadcasting’ with ‘AI’ and imagine how different things could be.
#ai
Reposted by Web Typography
TIL about `initial-letter-wrap` as a handy way to wrap text around a drop cap. Sadly its 'at risk' as there is no browser support at the moment. Good candidate for progressive enhancement though.
drafts.csswg.org/css-inline/#...
#css #typography
drafts.csswg.org/css-inline/#...
#css #typography
November 28, 2025 at 2:45 PM
TIL about `initial-letter-wrap` as a handy way to wrap text around a drop cap. Sadly its 'at risk' as there is no browser support at the moment. Good candidate for progressive enhancement though.
drafts.csswg.org/css-inline/#...
#css #typography
drafts.csswg.org/css-inline/#...
#css #typography
Reposted by Web Typography
Now we have text-box in CSS, understanding font metrics is even more important so you know what you’re trimming. This is a very handy little website that allows you to upload a font that you plan on using, along with a Google font picker.
vertical-metrics.netlify.app
vertical-metrics.netlify.app
Vertical Metrics
Testing vertical metrics typography across browsers.
vertical-metrics.netlify.app
June 17, 2025 at 1:03 PM
Now we have text-box in CSS, understanding font metrics is even more important so you know what you’re trimming. This is a very handy little website that allows you to upload a font that you plan on using, along with a Google font picker.
vertical-metrics.netlify.app
vertical-metrics.netlify.app
Reposted by Web Typography
I have just launched a GoFundMe to help me complete the history of ATypI (Association Typographique Internationale) that I began writing before the pandemic shut everything down. Please take a look, and spread the word.
gofund.me/4b7f5e16
gofund.me/4b7f5e16
Donate to Support John D. Berry’s ATypI History Project, organized by John Berry
Briefly: I am raising funds to complete the history of ATypI (Association Typ… John Berry needs your support for Support John D. Berry’s ATypI History Project
gofund.me
February 28, 2025 at 9:35 PM
I have just launched a GoFundMe to help me complete the history of ATypI (Association Typographique Internationale) that I began writing before the pandemic shut everything down. Please take a look, and spread the word.
gofund.me/4b7f5e16
gofund.me/4b7f5e16
"Alphabettes Soup" is a dynamic collection of voices and stories. The book is conceived as a type specimen, showcasing over 100 typefaces designed by women and non-binary individuals.
bikini-books.com/products/alp...
#typography
bikini-books.com/products/alp...
#typography
Alphabettes Soup 2015-2025: Ten Years of Feminist Approaches to Type
Alphabettes Soup: 2015–2025 celebrates a decade of feminist approaches to type research, design, and creative community-building. The book blends key articles from the Alphabettes platform with origin...
bikini-books.com
December 13, 2024 at 9:34 AM
"Alphabettes Soup" is a dynamic collection of voices and stories. The book is conceived as a type specimen, showcasing over 100 typefaces designed by women and non-binary individuals.
bikini-books.com/products/alp...
#typography
bikini-books.com/products/alp...
#typography
Reposted by Web Typography
Holiday discount /// Looking to get the typophile in your life – including yourself – something special? How about 50% off our entire catalogue until 26 December 2024?! Use discount code bc29eba at the checkout and it’s half off.
Visit us: www.type-together.com
#typography #fonts #graphicdesign
Visit us: www.type-together.com
#typography #fonts #graphicdesign
December 11, 2024 at 10:06 PM
Loving the fabulous website and fascinating story behind Airport, Matthew Carter's typeface for a pre-Heathrow London Airport.
airport.revolvertype.com
Includes an interview with Carter, "you'd think was a rip-off of Helvetica. But we’d never seen Helvetica in 1961 in London."
#typography
airport.revolvertype.com
Includes an interview with Carter, "you'd think was a rip-off of Helvetica. But we’d never seen Helvetica in 1961 in London."
#typography
Airport Typeface
airport.revolvertype.com
December 4, 2024 at 9:01 AM
Loving the fabulous website and fascinating story behind Airport, Matthew Carter's typeface for a pre-Heathrow London Airport.
airport.revolvertype.com
Includes an interview with Carter, "you'd think was a rip-off of Helvetica. But we’d never seen Helvetica in 1961 in London."
#typography
airport.revolvertype.com
Includes an interview with Carter, "you'd think was a rip-off of Helvetica. But we’d never seen Helvetica in 1961 in London."
#typography
Richard Rutter (@clagnut.com) posting mostly about
#webtypography and related #typography, #fonts and general #design goodness. Scattered with a few book updates.
#webtypography and related #typography, #fonts and general #design goodness. Scattered with a few book updates.
bsky.app
December 4, 2024 at 8:48 AM
Richard Rutter (@clagnut.com) posting mostly about
#webtypography and related #typography, #fonts and general #design goodness. Scattered with a few book updates.
#webtypography and related #typography, #fonts and general #design goodness. Scattered with a few book updates.