• Shaarli
  • Tag cloud
  • Picture wall
  • Daily
  • RSS
  • Login
4453 shaares
1 / 8
Filters
151 results tagged typography

Whitespace Characters — Copy and Paste Invisible Characters

QRCode

Quickly copy and paste Unicode whitespace characters — and learn how and when to use them.

https://qwerty.dev/whitespace/
August 28, 2020 at 8:04:16 PM EDT *
spaces typography
FILLER

Learn | Glyphs

QRCode

Glyphs 3 is a Mac font editor that puts you in control: quickly draw high-precision vectors, efficiently reuse shapes, and easily manage any number of letters, figures and symbols.

Tutorials:
Getting Started

https://glyphsapp.com/learn
June 24, 2026 at 10:34:14 AM EDT *
typography fonts fontdesign
FILLER

Specimens of printing types made at Bruce's New York Type-Foundry : George Bruce's Son & Co : Free Download, Borrow, and Streaming : Internet Archive

QRCode

352 leaves : 31 cm

From Fatih Arslan:

I looked into how it was done earlier. If you want to see how type specimens looked across different periods, there are some great examples online. The 1882 Bruce’s New-York Type-Foundry specimen book on Archive.org is a beautiful old example of how foundries presented their typefaces to printers:

https://archive.org/details/specimensofprint00geor/page/n41/mode/2up
June 16, 2026 at 11:05:22 AM EDT *
fonts typography inspiration
FILLER

Fontastic Space — Find Mathematically Optimal Font Pairings

QRCode

Compare Google Fonts side-by-side with anatomy overlays, OpenType metrics, pairing scores, and ready-to-use CSS. Free tool for designers and developers.

https://fontastic.space/
June 2, 2026 at 3:07:29 PM EDT *
google fonts typography webdesign
FILLER

Polishing your typography with line height units | WebKit

QRCode

Learn how to use line-height units when setting paragraph margins — creating vertical rhythm in your text.

My favorite thing to do with the lh unit is to set margins on content. Let’s set a new universal margin on paragraphs with:

p { margin-block: 1lh; }

https://webkit.org/blog/16831/line-height-units/
April 8, 2026 at 11:03:19 AM EDT *
css typography webdesign
FILLER

Graphic Design History Resources - We Made This

QRCode

When I’m not doing graphic design stuff at We Made This, I’m an Associate Lecturer on the Graphic Design BA course at the School of Art, Architecture and Design (previously named The Cass) at London Metropolitan University. It’s a wonderful course, with great connections to industry, and some really brilliant students who regularly create exciting and […]

https://wemadethis.co.uk/blog/2021/09/graphic-design-history-resources/
April 8, 2026 at 10:59:27 AM EDT *
graphicdesign design inspiration typography
FILLER

Ironic Serif: A Brief History of Typographic Snark and the Failed Crusade for an Irony Mark

QRCode

Nearly half a century later, in 2007, Pan-European type foundry Underware was commissioned to create a special punctuation mark for the occasion and thus the ironieteken was born — a zigzaggy exclamation point denoting irony. But despite significant buzz across Dutch literary circles — including some criticism that, when placed in a row of several, it bore an unfortunate resemblance to the Nazi swastika — the mark quickly fizzled.

Wikipedia: Irony punctuation
https://en.wikipedia.org/wiki/Irony_punctuation

Percontation point

The percontation point, a reversed question mark later referred to as a rhetorical question mark, was proposed by Henry Denham in the 1580s and was used at the end of a question that does not require an answer—a rhetorical question. Its use died out in the 17th century.

This character can be represented using the reversed question mark (⸮) found in Unicode as U+2E2E; another character approximating it is the Arabic question mark (؟), U+061F.

https://www.themarginalian.org/2013/09/27/shady-characters-irony/
March 15, 2026 at 12:04:57 PM EDT *
typography punctuation
FILLER

2025 year in review | Sean Voisen

QRCode

Nice website using Outfit and Source Serif 4

A recap of my year and a brief look at trajectories for 2026.

https://seanvoisen.com/writing/2025-year-in-review/
January 6, 2026 at 11:06:53 AM EST *
webdesign blog typography inspiration
FILLER

Book of American Typefaces - 1935

QRCode
https://babel.hathitrust.org/cgi/pt?id=mdp.39015061016286&seq=9
December 30, 2025 at 3:46:12 PM EST *
fonts typography
FILLER

Butterick’s Practical Typography

QRCode

Butterick’s Practical Typography

https://practicaltypography.com/
March 4, 2025 at 1:20:56 PM EST *
typography
FILLER

🔠 Good Fonts Table

QRCode

Created with Figma

https://www.figma.com/design/Bv3h09v4qbwsC3qHnrG31b/%F0%9F%94%A0-Good-Fonts-Table
March 3, 2025 at 8:40:48 AM EST *
fonts typography
FILLER

Problems solved by OpenType | Roel Nieskens | CSS Day 2024

QRCode

About Roel: https://pixelambacht.nl

Depending on whether the information is technical or not, you might want different font features.

29:20 - "Never grab a Monotype font"

font-variant-numeric: tabular-nums;

@font-face {
size-adjust: 110%;
}

https://wakamaifondue.com/
(what can my font do?)

https://pixelambacht.nl/

https://www.youtube.com/watch?v=TreBK-EyACQ
February 7, 2025 at 9:59:24 AM EST *
youtube css webdesign typography fonts
FILLER

Hacking Hack — darinhiggins.com

QRCode

Introducing Hackd

Hackd is based on Hack v3.003, used for most base symbols and upper/lowercase latin glyphs. I then merged in glyphs from FiraCode v6.002 for all ligatures and pretty much all other characters.
Further, I pulled the % glyph from Firacode and tweaked it slightly to look more “Hack”ish.

How I Did It

I used FontForge for all manipulations.

I started with FiraCode-Regular and FiraCode-Bold.

Replaced all the glyphs from ! through ascii 255 with the Hack glyphs.

Then pulled all the powerline glyphs from the Hack NerdFont ttf file.

https://darinhiggins.com/2022/11/15/hacking-hack/
January 13, 2025 at 10:01:51 AM EST *
fonts typography
FILLER

Keyboard-Design.com - Academic fonts glyph coverage comparison

QRCode
https://www.keyboard-design.com/academic-font-coverage-comparison.html
January 13, 2025 at 8:38:50 AM EST *
fonts typography
FILLER

CSS Text balancing with text-wrap:balance

QRCode

A look at text wrap balancing in CSS

Have you ever wished there is a native way in CSS to make two lines headlines consistent in the number of words per line? As a designer, I spot that a lot when dealing with varying content lengths while designing a website or a UI.

https://ishadeed.com/article/css-text-wrap-balance/
January 3, 2025 at 7:54:34 AM EST *
css typography webdesign
FILLER

The Doves Type® – Typespec

QRCode
https://typespec.co.uk/doves-type/
September 22, 2024 at 8:46:05 PM EDT *
typography fonts writing
FILLER

The Comprehensive Type Testing Template for Type Designers | Digital templates by TYPEHEIST

QRCode

Your 16 page go-to guide for flawless font testing. 16 pages of type layouts, character combinations, symbols and tester paragraphs

https://typeheist.co/template-guide/type-testing-template
September 20, 2024 at 9:39:35 AM EDT *
typography fonts
FILLER

How De Gruyter’s New Open Source Font Came to Be - De Gruyter Conversations

QRCode

https://gitlab.com/degruyter-public/font/de-gruyter-sans_serif

A new font will be used in De Gruyter’s journals and books from now on — one that can be used and shared free of charge, thanks to an open source license. We recently talked to the project managers Franziska Bühring and Florian Ruppenstein about the reasons for the change, which is part of De Gruyter's open research strategy, and about the development process.

https://blog.degruyter.com/how-de-gruyters-new-open-source-font-came-to-be/
August 27, 2024 at 3:03:52 PM EDT *
fonts typography
FILLER

Font style matcher

QRCode

If you're using a web font, you're bound to see a flash of unstyled text (or FOUC), between the initial render of your websafe font and the webfont that you've chosen. This usually results in a jarring shift in layout, due to sizing discrepancies between the two fonts. To minimize this discrepancy, you can try to match the fallback font and the intended webfont’s x-heights and widths [1]. This tool helps you do exactly that.

https://meowni.ca/font-style-matcher/
April 24, 2024 at 11:27:37 AM EDT *
fonts typography
FILLER

Better Sales Pages with better Typography - Pimp my Type

QRCode

Five tips to design a convincing sales page by better using typography.

https://pimpmytype.com/sales-page/
March 19, 2024 at 11:30:43 AM EDT *
webdesign typography
FILLER
1 / 8
Shaarli · The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community · Documentation
Fold Fold all Expand Expand all Are you sure you want to delete this link? Are you sure you want to delete this tag? The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community