FontsSans serifClear Sans

Clear Sans

Open licence typeface
10 styles1 language setVersion v1.00Apache License 2.0
Clear Sans
Poster
Clear Sans
Opening night. Doors at eight.
Logo
Label
Small batch
Clear Sans
Est. 2026
Website
ClearWork   About   Contact
Clear Sans
A short line of supporting copy that shows how the headline sits above running text on a real page.
Get started
Business card
Clear Sans
Studio · hello@yourname.com · +27 82 000 0000
Shop sign
Clear Sans
T-shirt
Clear Sans
Coffee cup
Clear
Social post
yourbrand
Clear Sans
Tote bag
Clear Sans

About Clear Sans

Clear Sans is a sans serif typeface with 10 styles.

Free for personal and commercial use, including modification and redistribution. Read the Apache License 2.0.

Category
Sans serif
Weights
100, 300, 400, 500, 700
Styles
normal, italic
Languages
latin
Licence
Apache License 2.0
Price
Free

Report a problem with this font

Use Clear Sans on your website

Host the WOFF2 files yourself. The web download includes them with this CSS.

@font-face {
  font-family: "Clear Sans";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/clear-sans@latest/latin-100-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Clear Sans";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/clear-sans@latest/latin-100-italic.woff2") format("woff2");
}

@font-face {
  font-family: "Clear Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/clear-sans@latest/latin-300-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Clear Sans";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/clear-sans@latest/latin-300-italic.woff2") format("woff2");
}

@font-face {
  font-family: "Clear Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/clear-sans@latest/latin-400-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Clear Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/clear-sans@latest/latin-400-italic.woff2") format("woff2");
}

@font-face {
  font-family: "Clear Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/clear-sans@latest/latin-500-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Clear Sans";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/clear-sans@latest/latin-500-italic.woff2") format("woff2");
}

@font-face {
  font-family: "Clear Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/clear-sans@latest/latin-700-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Clear Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/clear-sans@latest/latin-700-italic.woff2") format("woff2");
}
font-family: "Clear Sans", sans-serif;
Download the web pack (WOFF2 + fonts.css)

Pairs well with

Contrasting faces with a compatible mood, for headings and body text together.

Similar to Clear Sans

Same category, closest feel.

VariablePopularFree

Google Sans

Open licence
VariablePopularFree

Noto Sans JP