While designing my websites I keep finding myself scrambling to find good fonts only to mostly use the same great ones I have found before.
With efficiency in mind, here are some notes:
At the crossroads of design and communication lies the world of typography. Typography is the craft of arranging type—essentially, the design of letters and characters—to make written content not only readable, but visually compelling. Think of it as the “outfit” your words wear to present themselves to the reader.
Central to typography are fonts, which are collections of designed characters that share the same stylistic features. From the elegant curvatures of a script font to the modern simplicity of a sans-serif, each font carries its own mood, tone, and personality.
But it’s not just about the style. Good typography considers legibility, hierarchy, contrast, and space. It ensures that a piece of writing isn’t just words on a page or screen but a harmonious composition that efficiently conveys its intended message. Whether we’re aware of it or not, the fonts we encounter every day shape our perceptions and responses.
In today’s digital age, with endless font choices and advanced design tools, the possibilities are limitless. But the core remains the same: to communicate effectively and beautifully. So, next time you read a book, browse a website, or admire a logo, take a moment to appreciate the subtle art of typography that’s at play.
Scalable Font sizes using REM
Title 1
clamp(3rem, 2.5385rem + 2.0513vw, 4rem)
Title 2
clamp(2.4rem, 2.1231rem + 1.2308vw, 3rem)
Title 3
clamp(2.1rem, 1.9154rem + 0.8205vw, 2.5rem)
Title 4
clamp(1.8rem, 1.7077rem + 0.4103vw, 2rem)
Title 5
clamp(1.6rem, 1.5308rem + 0.3077vw, 1.75rem)
Title 6
clamp(1.4rem, 1.3538rem + 0.2051vw, 1.5rem)
Title 7
clamp(1.2rem, 1.1769rem + 0.1026vw, 1.25rem)
Subheading
1,2
Body
1
Body bold
1
Body big
1,125
Body small
0,875
PAIRS OF FONTS
Roboto Bold
Roboto
The Telegraph
The great we’ve young is circumstances but small me. Spends trust just of name her. Was the were it little sleeping on a live travelling, a apart the endeavours, career been concepts presented obscurity, parts free complete in phase will for numbered the were and know neuter. The into by has, has distributors. Decided her, name the for to above millions in a back founder, managers, spot. Floundering made on always on from for was of called allowed stupid he like more for day for at next two their increased issued the believe. Room. Inn of escape, the but been.
Poppins
Roboto
The Telegraph
The great we’ve young is circumstances but small me. Spends trust just of name her. Was the were it little sleeping on a live travelling, a apart the endeavours, career been concepts presented obscurity, parts free complete in phase will for numbered the were and know neuter. The into by has, has distributors. Decided her, name the for to above millions in a back founder, managers, spot. Floundering made on always on from for was of called allowed stupid he like more for day for at next two their increased issued the believe. Room. Inn of escape, the but been.
Bodoni
Roboto Condensed
The Telegraph
The great we’ve young is circumstances but small me. Spends trust just of name her. Was the were it little sleeping on a live travelling, a apart the endeavours, career been concepts presented obscurity, parts free complete in phase will for numbered the were and know neuter. The into by has, has distributors. Decided her, name the for to above millions in a back founder, managers, spot. Floundering made on always on from for was of called allowed stupid he like more for day for at next two their increased issued the believe. Room. Inn of escape, the but been.
Bebas Neue
Space Groteske
The Telegraph
The great we’ve young is circumstances but small me. Spends trust just of name her. Was the were it little sleeping on a live travelling, a apart the endeavours, career been concepts presented obscurity, parts free complete in phase will for numbered the were and know neuter. The into by has, has distributors. Decided her, name the for to above millions in a back founder, managers, spot. Floundering made on always on from for was of called allowed stupid he like more for day for at next two their increased issued the believe. Room. Inn of escape, the but been.
Buda
Lora
The Telegraph
The great we’ve young is circumstances but small me. Spends trust just of name her. Was the were it little sleeping on a live travelling, a apart the endeavours, career been concepts presented obscurity, parts free complete in phase will for numbered the were and know neuter. The into by has, has distributors. Decided her, name the for to above millions in a back founder, managers, spot. Floundering made on always on from for was of called allowed stupid he like more for day for at next two their increased issued the believe. Room. Inn of escape, the but been.
Candal
Lora
The Telegraph
The great we’ve young is circumstances but small me. Spends trust just of name her. Was the were it little sleeping on a live travelling, a apart the endeavours, career been concepts presented obscurity, parts free complete in phase will for numbered the were and know neuter. The into by has, has distributors. Decided her, name the for to above millions in a back founder, managers, spot. Floundering made on always on from for was of called allowed stupid he like more for day for at next two their increased issued the believe. Room. Inn of escape, the but been.
IBM Plex Sans
B612
The Telegraph
The great we’ve young is circumstances but small me. Spends trust just of name her. Was the were it little sleeping on a live travelling, a apart the endeavours, career been concepts presented obscurity, parts free complete in phase will for numbered the were and know neuter. The into by has, has distributors. Decided her, name the for to above millions in a back founder, managers, spot. Floundering made on always on from for was of called allowed stupid he like more for day for at next two their increased issued the believe. Room. Inn of escape, the but been.
Helvetica Italic
Garamond
The Telegraph
The great we’ve young is circumstances but small me. Spends trust just of name her. Was the were it little sleeping on a live travelling, a apart the endeavours, career been concepts presented obscurity, parts free complete in phase will for numbered the were and know neuter. The into by has, has distributors. Decided her, name the for to above millions in a back founder, managers, spot. Floundering made on always on from for was of called allowed stupid he like more for day for at next two their increased issued the believe. Room. Inn of escape, the but been.
