ANTSAND Font Library

40+ Font Families • Monospace & Slab Serif • Production Ready • Federated Deployment

Sans-Serif Fonts

Modern, clean typefaces perfect for UI, body text, and digital interfaces.

Graphik
8 Weights • Geometric Sans-Serif
The quick brown fox jumps
A geometric sans-serif with a modern, clean aesthetic
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Thin (100)
Graphik Thin
Regular (400)
Graphik Regular
Semibold (600)
Graphik Semibold
Bold (700)
Graphik Bold
.font-Graphik { font-family: 'Graphik'; }
Inter
9 Weights • UI Optimized
The quick brown fox jumps
Designed specifically for digital interfaces and screen readability
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
.font-Inter { font-family: 'Inter'; }
Futura PT
9 Weights • Geometric Sans
The quick brown fox jumps
A timeless geometric sans-serif with perfect proportions
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
.font-Futura { font-family: 'Futura PT'; }
Avenir
6 Weights • Humanist Sans
The quick brown fox jumps
A humanist sans-serif with organic warmth
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
.font-Avenir { font-family: 'Avenir'; }
Gotham
3 Weights • Geometric Sans
The quick brown fox jumps
Bold, confident, and instantly recognizable
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
.font-Gotham { font-family: 'Gotham'; }
Maison Neue
2 Weights • Geometric Sans
The quick brown fox jumps
A contemporary geometric sans with Swiss precision and warmth
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Light (300)
Maison Neue Light
Bold (700)
Maison Neue Bold
.font-MaisonNeue { font-family: 'Maison Neue'; }
Proxima Nova
Extrabold • Geometric Sans
The quick brown fox jumps
Modern, friendly geometric sans with great versatility
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
.font-ProximaNova { font-family: 'Proxima Nova'; }
Helvetica Neue
Multiple Weights • Neo-Grotesque
The quick brown fox jumps
The quintessential Swiss typeface, refined and timeless
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
.font-HelveticaNeue { font-family: 'Helvetica Neue'; }
Brandon Grotesque
Light • Geometric Sans
The quick brown fox jumps
Elegant geometric sans with personality
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
.font-BrandonGrotesque { font-family: 'BrandonGrotW01'; }
Lota Grotesque
Multiple Weights • Grotesque Sans
The quick brown fox jumps
Strong, reliable sans-serif with character
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
.font-LotaGrotesque { font-family: 'Lota Grotesque'; }
Novecento
Light Wide • Geometric Sans
THE QUICK BROWN FOX
Wide, elegant all-caps display sans
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
.font-Novecento { font-family: 'Novecento'; }
Artifakt Element
4 Weights • Neo-Grotesque
The quick brown fox jumps
Clean, minimal, and highly functional
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
.font-ArtifaktElement { font-family: 'Artifakt Element'; }
Oswald
Regular, Bold • Condensed Sans
The quick brown fox jumps
Condensed sans-serif inspired by gothic typefaces
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
.font-Oswald { font-family: 'oswald'; }

Serif Fonts

Classic, elegant typefaces for editorial content and sophisticated designs.

Freight Text Pro
8 Weights • Transitional Serif
The quick brown fox jumps
A versatile serif perfect for long-form reading
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
.font-FreightTextPro { font-family: 'FreightTextPro'; }
Playfair Display
2 Weights • Transitional Serif
The quick brown fox jumps
High-contrast serif with elegant proportions
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
.font-PlayfairDisplay { font-family: 'Playfair Display'; }
Merriweather
Regular • Slab Serif
The quick brown fox jumps
Designed for excellent screen readability
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
.font-Merriweather { font-family: 'Merriweather'; }
Cinzel
Regular, Bold • Classical Serif
The Quick Brown Fox Jumps
Based on classical Roman inscriptions, elegant and timeless
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
.font-Cinzel { font-family: 'Cinzel'; }
Goudy Old Style
Regular • Old Style Serif
The quick brown fox jumps
Classic old-style serif with historical charm
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
.font-GoudyOldStyle { font-family: 'Goudy Old Style'; }
Prestige Signature
Demo • Decorative Serif
The quick brown fox
Elegant signature-style serif for luxury branding
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
.font-PrestigeSignature { font-family: 'Prestige Signature Serif Demo'; }

Display Fonts

Bold, expressive typefaces for headlines, branding, and visual impact.

Boing
4 Weights • Display
THE QUICK BROWN FOX
Playful, bouncy display font
.font-Boing { font-family: 'Boing'; }
Coluna
Condensed • Display
THE QUICK BROWN FOX
Tall, condensed, impactful
.font-Coluna { font-family: 'Coluna'; }
Akkurat
2 Weights • Grotesque
The quick brown fox jumps
Clean, neutral, functional
.font-Akkurat { font-family: 'Akkurat'; }
Bebas Neue
Regular • All-Caps Display
THE QUICK BROWN FOX JUMPS
BOLD, CONDENSED ALL-CAPS PERFECT FOR HEADLINES
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
.font-BebasNeue { font-family: 'Bebas Neue Regular'; }

Script & Handwritten Fonts

Casual, creative typefaces for personality and warmth. Perfect for invitations, branding, and creative projects.

Caveat
Regular • Handwritten Script
The quick brown fox jumps over the lazy dog
A casual, handwritten font with natural flow and personality
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
.font-Caveat { font-family: 'Caveat'; }
💡 USE CASES
Perfect for: Personal branding • Quotes & testimonials • Creative headlines • Handwritten notes • Invitations • Signature-style text
Have Heart Two
Regular • Decorative Script
The quick brown fox
Elegant script with flowing, artistic letterforms
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
.font-HaveHeart { font-family: 'Have Heart Two'; }
💡 USE CASES
Perfect for: Wedding invitations • Romantic designs • Luxury branding • Logo accents • Special occasion graphics • Decorative headers
Sacramento
Regular • Cursive Script
The quick brown fox jumps over the lazy dog
Flowing cursive script with a casual, friendly feel
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
.font-Sacramento { font-family: 'Sacramento'; }
💡 USE CASES
Perfect for: Personal branding • Blog headers • Quotes • Greeting cards • Casual invitations • Social media graphics
Cooper Light
Light • Rounded Serif
The quick brown fox jumps
Friendly rounded serif with vintage character
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
.font-CooperLight { font-family: 'Cooper Light'; }
💡 USE CASES
Perfect for: Vintage designs • Food & beverage branding • Retro posters • Book covers • Playful headlines

Editorial Fonts

The Guardian font family - premium editorial typefaces for professional publishing.

GH Guardian Headline
Multiple Weights • Editorial Serif
The quick brown fox jumps
Premium editorial serif for impactful headlines
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
.font-GHGuardianHeadline { font-family: 'GH Guardian Headline'; }
Guardian Text Sans
Regular, Bold • Editorial Sans
The quick brown fox jumps
Clean sans-serif companion to Guardian Text
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
.font-GuardianTextSans { font-family: 'GuardianTextSans'; }

Monospace Fonts

Fixed-width typefaces perfect for code, technical documentation, and data display.

DejaVu Sans Mono
4 Weights • Monospace • Open Source
function helloWorld()
const data = { name: "value", count: 123 };
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 {}[]();
Regular (400)
if (true) return;
Bold (700)
const value = 42;
Italic
// Comment text
.font-DejaVuSansMono { font-family: 'DejaVu Sans Mono'; }

Best for: Code blocks, terminal output, technical documentation, tabular data

Inconsolata
2 Weights • Monospace • Open Source
const app = () => {}
A humanist monospace font with character and warmth
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 {}[]();
.font-Inconsolata { font-family: 'Inconsolata'; }

Best for: Code editors, programming blogs, technical writing

Go Mono
4 Weights • Monospace • Google
package main import "fmt"
Google's monospace font designed for the Go programming language
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 {}[]();
.font-GoMono { font-family: 'Go Mono'; }

Best for: Go code samples, developer tools, technical interfaces

Slab Serif Fonts

Bold, sturdy serifs perfect for headings, callouts, and impact statements.

Roboto Slab
5 Weights • Slab Serif • Google Fonts
The quick brown fox jumps
A mechanist slab serif with contemporary appeal and excellent readability
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Light (300)
Roboto Slab Light
Regular (400)
Roboto Slab Regular
Bold (700)
Roboto Slab Bold
.font-RobotoSlab { font-family: 'Roboto Slab'; }

Best for: Headings, hero sections, callout boxes, marketing materials

Zilla Slab
5 Weights • Slab Serif • Mozilla
The quick brown fox jumps
Mozilla's contemporary slab serif with personality and warmth
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Light (300)
Zilla Slab Light
Regular (400)
Zilla Slab Regular
Bold (700)
Zilla Slab Bold
.font-ZillaSlab { font-family: 'Zilla Slab'; }

Best for: Branding, hero text, editorial design, modern web interfaces

Usage Guide

How to Use These Fonts

1. Include ANTSAND v2 Styles

<link rel="stylesheet" href="https://styles.antsand.com/css/antsand-v2/antsand.css">

2. Apply Font Classes

<h1 class="font-Graphik">Headline</h1> <p class="font-Inter">Body text</p>

3. Combine with Size Utilities

<h1 class="font-Graphik font-size-48">Large Headline</h1>

4. Federated Deployment

All fonts are self-hosted and bundled with each deployed site at /fonts/

Each federated site is autonomous - no CDN dependency, Nginx serves fonts directly.

5. Available Utility Classes

Font sizes from 5px to 200px: .font-size-{5-200}

Line heights: .line-height-1 through .line-height-2

✨ Font Pairings

Professional combinations that work beautifully together. Pair a bold header font with a readable body font for perfect typography.

HEADING FONT

Graphik

Geometric Sans-Serif • Clean & Modern

BODY FONT

Freight Text Pro

Transitional Serif • Elegant & Readable

Design Systems at Scale

Modern design systems require a delicate balance between clarity and elegance. By pairing a geometric sans-serif like Graphik for headings with the refined sophistication of Freight Text Pro for body content, we create a visual hierarchy that guides readers naturally through the content while maintaining a professional, approachable aesthetic.

HEADING FONT

Futura PT

Geometric Sans • Timeless & Bold

BODY FONT

Playfair Display

High-Contrast Serif • Editorial & Elegant

EDITORIAL EXCELLENCE

This pairing creates a striking contrast perfect for editorial content and luxury brands. Futura's geometric precision provides structure, while Playfair Display's high-contrast serifs add sophistication and drama.

HEADING FONT

Inter

UI Sans-Serif • Screen Optimized

BODY FONT

Merriweather

Serif • Web-Friendly & Readable

Perfect for Digital Products

Inter was specifically designed for digital interfaces with exceptional legibility at small sizes. Combined with Merriweather's warm, slightly condensed letterforms, this pairing excels in web applications, documentation, and long-form reading experiences.

HEADING FONT

Gotham

Geometric Sans • Bold & Confident

BODY FONT

Freight Text Pro

Transitional Serif • Professional & Readable

CORPORATE & AUTHORITATIVE

Gotham's strong, confident presence makes it ideal for headlines and branding. Paired with Freight Text Pro's elegant readability, this combination conveys professionalism and trustworthiness—perfect for corporate communications and marketing materials.

HEADING FONT

Avenir

Humanist Sans • Approachable & Warm

BODY FONT

Playfair Display

High-Contrast Serif • Sophisticated

Balanced Elegance

Avenir's humanist warmth balances beautifully with Playfair Display's dramatic elegance. This pairing works exceptionally well for lifestyle brands, portfolios, and creative projects where you want to convey both accessibility and refinement.

💡 Pro Tips for Font Pairing

  • ✓ Contrast is key: Pair geometric sans with transitional serifs, or humanist sans with high-contrast serifs
  • ✓ Limit to 2-3 fonts: Use one for headings, one for body, and optionally one for accent/UI elements
  • ✓ Consider mood: Geometric = modern, Humanist = friendly, Serif = traditional, Display = dramatic
  • ✓ Test readability: Always check your pairings at different sizes and weights
  • ✓ Maintain hierarchy: Use font weight, size, and spacing to create clear visual hierarchy