A printed essay where each paragraph is rendered in a different, randomly selected typeface.
Found on Il Covile, an Italian publication exploring typography, philosophy, and design.
The text is presented in both Italian and English.
The text is presented in both Italian and English.
The authors also created a LibreOffice extension that applies random fonts to any document, allowing users to experiment with the same generative approach directly. It's called "Patina": https://www.ilcovile.it/V3_p_patina.html
The technique applied is not randomly selecting a different typeface per paragraph, but tweaking the glyph shapes when a character is repeated. Glancing at the LibreOffice extension, it seems to slightly vary CharScaleWidth by 90–110% and CharEscapementHeight by 97–100% of the base height.
Clever to apply on a restaurant menu (like in example on page 7). It makes the dishes feel more outstanding, special therefore justifying the price. Which other examples could make sense?
I made a brief attempt of splitting each character into a separate <span style="transform: scale(<random>, <random>)">c</span>, but it doesn't look good because the transform is applied after the glyph is rasterized. I didn't see a way to scale the font size itself in two different axes, and applying a single scaling factor of 97-100% does not perfectly recreate the effect. text-rendering: geometricPrecision probably helps.
A printed essay where each paragraph is rendered in a different, randomly selected typeface. Found on Il Covile, an Italian publication exploring typography, philosophy, and design. The text is presented in both Italian and English.
The text is presented in both Italian and English.
The authors also created a LibreOffice extension that applies random fonts to any document, allowing users to experiment with the same generative approach directly. It's called "Patina": https://www.ilcovile.it/V3_p_patina.html
The technique applied is not randomly selecting a different typeface per paragraph, but tweaking the glyph shapes when a character is repeated. Glancing at the LibreOffice extension, it seems to slightly vary CharScaleWidth by 90–110% and CharEscapementHeight by 97–100% of the base height.
cool, thank you!
Someone is reinventing PostScript and Metafont
https://www.moma.org/collection/works/139326
https://www.tug.org/TUGboat/tb09-2/tb21knut.pdf
English version in page 7.
Clever to apply on a restaurant menu (like in example on page 7). It makes the dishes feel more outstanding, special therefore justifying the price. Which other examples could make sense?
Delightful! I wonder whether I could achieve this effect in pure css…
I made a brief attempt of splitting each character into a separate <span style="transform: scale(<random>, <random>)">c</span>, but it doesn't look good because the transform is applied after the glyph is rasterized. I didn't see a way to scale the font size itself in two different axes, and applying a single scaling factor of 97-100% does not perfectly recreate the effect. text-rendering: geometricPrecision probably helps.