| Font | Personality | Legibility (Small text) | Best For | | :--- | :--- | :--- | :--- | | | Warm, clean, quirky | Excellent | Brands that need "personality + neutrality" | | Frutiger (Neue) | Clinical, safe, universal | Superior (Gold standard) | Hospitals, airports (mass transit) | | Myriad | Friendly, generic | Very Good | Adobe-centric workflows, textbooks | | Segoe UI | Soft, rounded, modern | Good (Hinted for Windows) | Microsoft ecosystems | | Open Sans | Neutral, slightly cold | Good (Web optimized) | Budget-conscious web projects |
| Category | Weights | Best Use Case | | :--- | :--- | :--- | | | Light, Regular, Medium, Semibold, Bold | Mobile apps, e-books, long articles, legal documents | | Bliss 2 Display | Thin, Light, Regular, Medium, Bold, Heavy | Posters, hero images, landing pages, logos | | Bliss 2 Condensed | Regular, Bold | Navigation menus, sidebars, data tables, packaging |
Don't choose a font that just fills space. Choose a font that creates space for your message. Choose Bliss 2. Looking to license Bliss 2? Visit the official Jeremy Tankard Typography store or reputable distributors like Fontspring. For further reading, explore "The Geometry of Humanism" by Ellen Lupton.
If you use Frutiger, you are invisible. If you use Open Sans, you are cheap (no offense). If you use Bliss 2 , you are distinctive . Implementing Bliss 2 on the Web If you have purchased the webfont license, implementing Bliss 2 is straightforward. However, because it is a "superfamily" with optical sizes, you need to set it up correctly. CSS Best Practices /* Correct usage: Different weights for different contexts */ body font-family: 'Bliss 2 Text', 'Helvetica Neue', sans-serif; font-weight: 400; /* Regular */ font-size: 18px; line-height: 1.5;
h1 font-family: 'Bliss 2 Display', sans-serif; font-weight: 700; /* Bold / letter-spacing: -0.02em; / Tighten for headlines */
| Font | Personality | Legibility (Small text) | Best For | | :--- | :--- | :--- | :--- | | | Warm, clean, quirky | Excellent | Brands that need "personality + neutrality" | | Frutiger (Neue) | Clinical, safe, universal | Superior (Gold standard) | Hospitals, airports (mass transit) | | Myriad | Friendly, generic | Very Good | Adobe-centric workflows, textbooks | | Segoe UI | Soft, rounded, modern | Good (Hinted for Windows) | Microsoft ecosystems | | Open Sans | Neutral, slightly cold | Good (Web optimized) | Budget-conscious web projects |
| Category | Weights | Best Use Case | | :--- | :--- | :--- | | | Light, Regular, Medium, Semibold, Bold | Mobile apps, e-books, long articles, legal documents | | Bliss 2 Display | Thin, Light, Regular, Medium, Bold, Heavy | Posters, hero images, landing pages, logos | | Bliss 2 Condensed | Regular, Bold | Navigation menus, sidebars, data tables, packaging | Bliss 2 Font Family
Don't choose a font that just fills space. Choose a font that creates space for your message. Choose Bliss 2. Looking to license Bliss 2? Visit the official Jeremy Tankard Typography store or reputable distributors like Fontspring. For further reading, explore "The Geometry of Humanism" by Ellen Lupton. | Font | Personality | Legibility (Small text)
If you use Frutiger, you are invisible. If you use Open Sans, you are cheap (no offense). If you use Bliss 2 , you are distinctive . Implementing Bliss 2 on the Web If you have purchased the webfont license, implementing Bliss 2 is straightforward. However, because it is a "superfamily" with optical sizes, you need to set it up correctly. CSS Best Practices /* Correct usage: Different weights for different contexts */ body font-family: 'Bliss 2 Text', 'Helvetica Neue', sans-serif; font-weight: 400; /* Regular */ font-size: 18px; line-height: 1.5; Looking to license Bliss 2
h1 font-family: 'Bliss 2 Display', sans-serif; font-weight: 700; /* Bold / letter-spacing: -0.02em; / Tighten for headlines */