| Book site | https://book.webtypography.net |
I made a big upgrade to my little `font-size-adjust` tool. You can now upload a font, configure some variable axes if needed, and it will spit out the values you'd need for `ex-height`, `cap-height` or `ch-width`.
RE: https://mastodon.social/@Richr/116203938090097565
I'll be joining a bunch of brilliant people to talk about what's new in web #typography
RE: https://mastodon.saadatmand.pk/@saadat/116101019896666172
I love this fantastic write up from @saadat on using `@counter-style` and more to get numbered lists working properly in Urdu. It's sort of fiddly, but exactly the kind of thing modern CSS is there for.
What’s new in web typography?
This is a question I’ll be answering at this year’s https://webdayout.com
I’ll run along the cowpaths that have been paved and spend time with the new and shiny things that bring expressiveness, fine detail, responsiveness, consistency and efficiency to your work: variable fonts in all their glory, typographic units, drop-caps, hanging punctuation, `text-box-trim`, container-aware fonts and fluid type.
Use JOIN_RICH to get 10% off.
RE: https://front-end.social/@stacy/116082234542188509
Looking forward to seeing what @mia comes up with here...
RE: https://mastodon.social/@joshtumath/115966765303773238
`<meta name="text-scale" content="scale" />` is the new `<meta name="viewport" content="width=device-width,initial-scale=1">`.
It says your website supports text resizing (in addition to page zooming) and should inherit OS-level settings.
RE: https://typo.social/@pixelambacht/115977466091730332
Very handy list. Wakamai Fondue is a go-to but I'd never seen https://lorp.github.io/samsa/src/samsa-gui.html before - very handy variable font inspector.
2nd edn: I thought the section on lists would require a light bit of editing. But then up pops `::marker` and `@counter-style` and my Sunday disappears.
Never the less, many thanks to @geoff and @argyleink for:
https://css-tricks.com/some-things-you-might-not-know-about-custom-counter-styles/
and
https://web.dev/articles/css-marker-pseudo-element
among others.
Excerpt from 'Dart':
Who’s this moving alive over the moor?
An old man seeking and finding a difficulty.
Has he remembered his compass his spare socks
does he fully intend going in over his knees off the military track from Okehampton?
keeping his course through the swamp spaces and pulling the distance around his shoulders
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.
Richard Rutter