201 private links
Expandable inline text.
0xFF demonstrated some implementation in HTML and css: https://0xff.nu/expando#
Le sous-ensemble latin étendu a 395 caractères et pèse 395ko.
Pour le chinois ou le japonais, il peut y avoir de 3 000 à 80 000 caractères.
L'optimisation habituelle consiste à créer un sous-ensemble, mais il faut néanmoins au moins plus de 5 000 caractères pour certaines langues.
L'idée est donc de créer une police qui peut être segmentée, "contenant uniquement le sous-ensemble de ce qui est critique, puis de lui adjoindre des additions qui complètent la police en cours de route."
Un streaming de caractères de police en somme. Cette idée est actuellement un draft au W3C: Incremental Font Transfer
The idea is to set sensible typographic defaults for use on prose (a column of text), making particular use of the font features provided by OpenType.
Brands go to Sans Serif fonts and uniform logos.
Reasons?
- "modern utility": Cleaner and more legible, they are better suited to a variety of media and work particularly well online. The purity of these fonts allows the brands to be an empty vessel, ready to accommodate rapidly shifting trends.
- simplification: to being a trusted, dependable part of people’s everyday lives.
- Brands are also defined by their products now: they become words and does not need a big logo.
- readability: even if it is becoming less of an issue
Shoot for simplicity and legibility, but keep your distinguishing features. Don’t throw away what the brand has been working on for decades.
Another powerful way to handle font sizes
- Alternative characters are not always searchable
- Alternative characters are not accessible for everyone
Le graphisme (et la typographie) ne se réduit pas à être produit avec la suite Adobe
Le terme « police » correspond à l’assurance que la fonte contient suffisamment de lettres dans une langue donnée pour composer un texte sans manquer de caractères.
A naruto text effect generator
system-ui
is a good typography because it falls back on the system font (that is readable). It means 0 bandwidth cost.
A set of resources to use fluid typography instead of media queries
How to handle spacing between css elements in one line of code?
.flow > * + * {
margin-block-start: var(--flow-space, 1em);
}
Animated font
Generate heading/ body font sizes
Write some letters in an old school fashion. Then export the image.