Iosevka

Name: Iosevka
Brand: Iosevka
Availability: InStock

monospace

Try in Playground

Try your own text

Use-case scenarios

Large Display

The quick brown fox jumps over the lazy dog

Typography Scale

Heading 1 (48px)

The quick brown fox jumps over the lazy dog

Heading 2 (36px)

The quick brown fox jumps over the lazy dog

Heading 3 (24px)

The quick brown fox jumps over the lazy dog

Body Text (16px)

The quick brown fox jumps over the lazy dog. Good body type stays out of the way: even color, open counters, and spacing that holds up at 16 pixels on a phone or 12 on a dense dashboard.

Small Text (14px)

The quick brown fox jumps over the lazy dog

Install Iosevka

Download files

/* Self-host: use the download link above for the full files. */
@font-face {
  font-family: "Iosevka";
  src: url("/fonts/iosevka-100.woff2") format("woff2");
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "Iosevka";
  src: url("/fonts/iosevka-200.woff2") format("woff2");
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: "Iosevka";
  src: url("/fonts/iosevka-300.woff2") format("woff2");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Iosevka";
  src: url("/fonts/iosevka-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Iosevka";
  src: url("/fonts/iosevka-500.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Iosevka";
  src: url("/fonts/iosevka-600.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Iosevka";
  src: url("/fonts/iosevka-700.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}