magnASCII.dev Simone Magnaschi
Senior Full Stack Web Dev
Bookmarks tagged with #typography.
Show all

The Title Cards in Blade Runner Are Fucking Amazing

Appreciating typography is a study in paradox. The primary goal of well-designed typography is to help you read the words, not appreciate how the words are comp
Saved on: 2026-08-06

A few interesting modern pixel fonts – Unsung

A blog about software craft and quality
Saved on: 2026-05-27

Optician Sans

Optician Sans is a free font based on the historical Snellen and Sloan eye charts and optotypes used by opticians world wide for centuries.
Saved on: 2025-07-30

Pixels in Islamic Art: Square Kufic Calligraphy

When I was a little kid whenever we drove by mosques, I would be intrigued by the complex motifs they’re decorated by. I always tried to figure out the pattern; to me it was just a pattern, I never…
Saved on: 2025-05-06

Fixing Layout Shifts Caused by Web Fonts | DebugBear

Identify and fix layout shifts caused by web fonts, improving your Core Web Vitals scores and user experience
Saved on: 2024-10-03

Text makeup

Saved on: 2024-09-19

Comic Mono

A legible monospace font… the very typeface you’ve been trained to recognize since childhood
Saved on: 2024-09-19

Download the Atkinson Hyperlegible Font

Read easier with Atkinson Hyperlegible Font, crafted for low-vision readers. Download for free and enjoy clear letters and numbers on your computer!
Saved on: 2024-09-18

Features of your font you had no idea about

Different weights are cool, but the real question is whether your font can swash.
Saved on: 2024-09-10

Just Our Type: The Story of Creating Figma Sans | Figma Blog

We’ve overhauled our entire visual identity from color palette to illustration style, and even commissioned a new typeface.
Saved on: 2024-09-09

Routed Gothic Font

Saved on: 2024-09-04

WALL·E

From a trash-filled Earth to the futuristic Axiom and back again, WALL·E is a finely crafted balance between consumerist dystopia and sixties space-race optimism. Please join me, then, for a detail…
Saved on: 2024-07-12

llama.ttf

llama.ttf is a font file which is also a large language model and an inference engine for that model.
Saved on: 2024-06-24

Fonts are still a Helvetica of a Problem

CVEs in three strange places and the unique problem of safely processing and handling fonts.
Saved on: 2024-03-06

IdreesInc/Miracode

A sharp, readable, vector-y version of Monocraft, the programming font based on Minecraft - IdreesInc/Miracode
Saved on: 2024-02-12

Variable Fonts (v0.2)

A simple resource for finding and trying variable fonts.
Saved on: 2024-01-29

Monaspace

An innovative superfamily of fonts for code
Saved on: 2023-11-10

IBM Design Language – Rebus

The IBM logo is one of our most valuable corporate assets and is among the most recognized identities in the world. It's the tangible symbol of our brand.
Saved on: 2023-11-07

Commit Mono. Neutral programming typeface.

Commit Mono is an anonymous and neutral programming typeface focused on creating a better reading experience.
Saved on: 2023-09-07

Typography

Saved on: 2023-07-19

Vaporwave and Unicode Analysis

What is vaporwave? Vaporwave is an art movement, born in the early 2010s, that often toys with feelings of nostalgia, dream states, decay…
Saved on: 2023-06-29

Shady Characters: The Secret Life of Punctuation, Symbols, and Other Typographical Marks

A charming and indispensable tour of two thousand years of the written word, weaves a fascinating trail across the parallel histories of language and typography. 2-color; 75 illustrations
Saved on: 2023-04-18

HaggardHawks: Ampersand

This & is called an AMPERSAND. And here's why...
Saved on: 2023-04-18

Laying Out a Print Book With CSS

In which I embark on a quixotic quest to make a physical book using web rendering technology.
Saved on: 2023-03-21

Modern Font Stacks

System font stack CSS organized by typeface classification for every modern OS. The fastest fonts available. No downloading, no layout shifts, no flashes — just instant renders.
Saved on: 2023-03-15

Almost monospaced: the perfect fonts for writing - blakewatson.com

The unedited, writerly feel of monospaced fonts meets the readability and legibility of proportional ones.
Tags: #typography
Saved on: 2022-11-07

Figtree - Google Fonts

Figtree is a clean yet friendly geometric sans serif font for usage in web and mobile apps. It's light-hearted and crisp when used for text, yet still retains s
Tags: #typography
Saved on: 2022-10-02

Interactive Typography Tutorial – Learn UI Design

Learn the fundamentals of typography through this gamified walkthrough with real-time feedback and logic-based principles.
Tags: #typography
Saved on: 2022-05-25

Typography is impossible - Medium Engineering

You’re a front-end engineer, building boxes and putting text inside them. A lot of websites, and a lot of native apps, are basically that — text flowing into boxes. It’s a testament to typography…
Saved on: 2022-03-17

Fontshare: Quality fonts. Free.

Fontshare is a free fonts service from the Indian Type Foundry (ITF), making quality fonts accessible to all.
Saved on: 2022-03-08

MonoLisa

A font family designed for software developers. Font follows function.
Saved on: 2022-02-15

2001: A Space Odyssey

2001: A Space Odyssey – Stanley Kubrick’s 1968 sci-fi masterpiece – seems an appropriate place to start a blog about typography in sci-fi. Amongst other delights, it offers a zero-gravity toi…
Saved on: 2021-10-14

Intrinsic Typography is the Future of Styling Text on the Web | CSS-Tricks

The way we style text hasn’t changed much over the years. There have been numerous advancements to help make things more flexible, like layouts, but in terms
Saved on: 2021-04-21

robinsloan/perfect-edition: A lightweight, responsive web e-book template

A lightweight, responsive web e-book template
Saved on: 2020-07-29

silka mono | atipo foundry

an independent digital typeface foundry and graphic design studio
Tags: #typography
Saved on: 2020-04-23

The birth of Inter

How the new open source typeface used by GitHub and Mozilla came to be
Tags: #typography
Saved on: 2019-08-09

Design Principles for Developers: Processes and CSS Tips for Better Web Des

It is technically true that anyone can cook. But there’s a difference between actually knowing how to prepare a delicious meal and hoping for the best as you
Saved on: 2019-08-09

Public Sans

A strong, neutral, open source typeface for text or display.
Saved on: 2019-04-09

The typographic scale

The typographic scale has been used for centuries to choose harmonious font sizes. It has been likened to a harmonious musical scale. But there are *flaws* in those historical values.
Saved on: 2019-03-19

Designs for a new admin theme [#3017785] | Drupal.org

Background Building a new admin theme is part of the Admin UI and JS modernization initiative. We’re proposing to update the administration look and feel through a new design system for the Drupal administration UI. A design system consists of visual and behavioural components and patterns that can be combined into user-friendly user interfaces. This Drupal admin design system is a project with its own deliverables (examples, documentation, tools, and resources).
Saved on: 2018-12-05

Rhythm in Web Typography | Better Web Type

Horizontal rhythm mostly impacts the legibility, while vertical rhythm impacts the readability of the text and establishes a sense of visual hierarchy.
Saved on: 2018-10-17

Art Direction for the Web: Designing standfirst paragraphs — Stuff & Nonsen

A standfirst design helps people understand what’s coming next, and offers us an opportunity to connect them the brand of a magazine, product, or website.
Saved on: 2018-09-07

Web Typography Resources for Web Designers and Web Developers | Better Web

Web typography for web designers and web developers.
Saved on: 2018-07-31

Fonts for Complex Data | News, Notes & Observations | Hoefler & Co.

Retail displays, packaged goods, financial reports and apps all present readers with a dizzying array of data. Here are a few ways to make quick work of their long lists, tiny annotations, and mighty stacks of numbers.
Saved on: 2018-05-09

12 Beautiful Examples of Web Typography – Plan of ATTCK – Medium

Varying screen sizes makes designing web typography uniquely challenging. These sites do it wonderfully, in no particular order. Supremo does a superb job of presenting beautiful typography in an…
Saved on: 2018-03-26

Web Typography & Layout: Past, Present, and Future · An A List Apart Events

Can typography encourage long-form reading—not just scanning? What are the most exciting areas of cutting-edge experimentation in typographic technology and digital layout, and what new skills will…
Saved on: 2017-12-11

Art of the Title

Saved on: 2017-10-31

Web fonts, boy, I don't know – Monica Dinculescu

Monica Dinculescu's blog
Saved on: 2016-11-04

The New Web Typography › Robin Rendle

How should we go about making typographic laws, rules and guidelines for the web?
Saved on: 2016-02-23

nathco/Office-Code-Pro

Customized version of Source Code Pro
Saved on: 2015-08-31

Top 10 Title Sequences of 2014 — Art of the Title

The very best in 2014 title design as chosen by Art of the Title's editors.
Saved on: 2015-01-04
❤️
</>
2026