F1 8

Name: F1 8
Author: Sora Sagano

F1 8 delivers clean, contemporary letterforms optimized for digital interfaces and modern design systems.

Scroll to explore

Sans Serifby Sora Sagano70% Accessible

Characters256

Glyphs307

Typography Tools

Best Ways to Use F1 8

Best Font Pairings for F1 8

TypeSmith curates 5 expert font pairings for F1 8, including combinations with Haigrast, Smoothdron and Liberation For 7 Kicks.

Each pairing includes accessibility ratings, expert reasoning, and usage recommendations for web and print design.

Explore 5 Pairings for F1 8

Test F1 8 Font Pairings Live

TypeSmith's interactive testing tool lets you preview F1 8 with any font combination in real-time, optimized for sans serif characteristics.

Adjust font sizes, weights, and see live typography specimens including editorial layouts, code editors, and UI components.

Test F1 8 Pairings Live

In Context

F1 8 Specimen Gallery

EditorialUI ComponentsPosterWordmark

F1 8 Editorial Specimen

F1 8 in Editorial Context

F1 8 is a sans serif typeface by Sora Sagano suited for editorial layouts and long-form reading.

Sora Sagano

Typeface Designer • Sans Serif

F1 8 demonstrates editorial readability through balanced proportions and consistent stroke weight. As a sans serif typeface, it delivers clear letterforms that sustain reader engagement across extended passages of text.

The weight range of F1 8 supports typographic hierarchy within editorial layouts. Headline weights establish visual anchors while lighter weights maintain comfortable reading rhythm in body text columns.

Designed by Sora Sagano, F1 8 balances personality with function — providing enough character to establish visual identity without compromising the legibility that editorial contexts demand.

Email Address

Password

F1 8 Typography

A sans serif typeface for UI components.

Active2 weights available

DefaultInfoSuccessWarningError

F1 8 Specimen

F1 8

F1 8 is a sans serif typeface by Sora Sagano built for display contexts.

2 WeightsSans Serif Typeface

Available on TypeSmith

Wordmark Explorations

F1 8

F1 8TYPE

Tagline Pairings

F1 8— sans serif typeface

F1 8By Sora Sagano

F1 8TYPE

Editorial

Magazine-style headline and body text layout

Character Set

F1 8 Glyphs & Characters

Size48

Showing 62 of 187 charactersDouble-click to copy • Click for details

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Heading Examples

Body Text Table

Body Copy

Body Text with F1 8

TypeSmith provides optimized body text specifications for F1 8, including recommended sizes, line heights, and letter spacing for long-form content. These settings ensure maximum readability across devices and screen sizes.

F1 8 demonstrates exceptional body text performance with balanced proportions and consistent stroke widths that enhance readability across paragraph lengths.

When setting F1 8 for body copy, TypeSmith recommends these optimized specifications. The carefully tuned metrics ensure comfortable reading at extended lengths while maintaining the typeface's distinctive character.

F1 8 small text sizes retain legibility through well-defined letterforms. Caption and footnote applications benefit from the font's clear x-height and open counters.

Element	Weight	Size	Line Height	Tracking	Preview
Body Text	Regular	16px	24px	0.5px	F1 8 delivers excellent readability for body copy
Italicized	Regular Italic	16px	24px	0.5px	F1 8 italic provides elegant emphasis
Bold	Bold	16px	24px	0.5px	F1 8 bold creates strong visual hierarchy
Small Caps	Regular	16px	24px	0.5px	F1 8 typography specimen
Secondary Text	Medium	14px	20px	0.5px	F1 8 typography specimen

.your-class { font-family: 'F1 8'; }

Quick Start

Using F1 8 in Your Design

HTML Link Tag

Add to your <head> section

<link href="https://fonts.bunny.net/css?family=F1+8:400,700&display=swap" rel="stylesheet">

CSS @import

Add at top of your stylesheet

@import url('https://fonts.bunny.net/css?family=F1+8:400,700&display=swap');

CSS @font-face

Self-host the font files

@font-face {
  font-family: 'F1 8';
  src: url('https://fonts.googleapis.com/css2?family=F1+8:wght@400;700&display=swap');
  font-display: swap;
}

Implementation

Code Snippets for F1 8

Standard CSS

css

Apply directly to any CSS class or selector.

 1.my-text {
 2  font-family: 'F1 8', sans-serif;
 3  font-weight: 400;
 4}

SCSS Variable

scss

Define once, use throughout your stylesheet.

 1$font-primary: 'F1 8', sans-serif;
 2
 3.my-text {
 4  font-family: $font-primary;
 5}

Tailwind CSS

config

Configure once, apply with utility classes.

 1// tailwind.config.js
 2module.exports = {
 3  theme: {
 4    extend: {
 5      fontFamily: {
 6        'f1-8': ['F1 8', 'sans-serif'],
 7      },
 8    },
 9  },
10}
11
12// Usage in HTML
13<p class="font-f1-8">Your text here</p>

About

The Story of F1 8

Sora Sagano

Sans Serif

Open Source

F1 8 font is a rounded tech monospace sans-serif designed for futuristic technical typography with racing undertones. This dynamic typeface delivers clear fixed-width precision with soft curves, suitable for motorsport brands, automotive technology, and racing games. F1 8 works effectively for race timing displays, automotive dashboards, and speed-focused interfaces. The rounded tech character adds approachable futurism. Particularly suited for motorsport and automotive industries. Pairs with proportional tech companions.

F1 8 was created by Sora Sagano. The typeface demonstrates a commitment to typographic detail, visible in its letterform construction and optical balance.

As a Sans Serif typeface in the Vox-ATypI Lineal classification, F1 8 features no serif extensions on stroke terminals and stroke contrast ranging from monolinear to subtly modulated. These optical characteristics make it well-suited for wayfinding, signage, and information design.

F1 8 is available in a single weight, offering focused typographic consistency for both digital and print applications, with 5 curated font pairings available. Standard Latin character coverage serves the majority of Western typographic workflows.

F1 8

Typography Judgment

Expert Analysis of F1 8

This analysis helps designers understand F1 8's strengths and ideal use cases before committing to a typography decision.

F1 8

Best Ways to Use F1 8

Best Font Pairings for F1 8

Test F1 8 Font Pairings Live

In Context

F1 8 Typography

F1 8

Character Set

Type Scale

Body Text with F1 8

Quick Start

HTML Link Tag

CSS @import

CSS @font-face

Implementation

Standard CSS

SCSS Variable

Tailwind CSS

About

Typography Judgment

Classification

Accessibility

Design Heritage

Overview

Categories

Explore More

Inclusive Design

F1 8: Accessibility Considerations

Reading F1 8: Legibility Factors

F1 8 Reading Performance

F1 8's Visual Fatigue and Adaptability

F1 8 Accessibility Recommendations

Design Tips for F1 8

Get the Font

Available Weights

Weight Reference

Internationalization

Western European

Nordic

Central European

Baltic

Legal

What you can do

Restrictions