Clear Sans font

By Intel on Sep 07, 2018

Clear Sans

Clear Sans

Clear Sans

Clear Sans

Clear Sans

Adopted by Mozilla for the Firefox for Android browser, Clear Sans has been recognized as a versatile OpenType font for screen, print, and Web. Clear Sans was designed with on-screen legibility in mind. It strikes a balance between contemporary, professional, and stylish expression and thoroughly functional purpose. It has a sophisticated and elegant personality at all sizes, and its thoughtful design becomes even more evident at the thin weight.

"I was drawn to Clear Sans for its practical nature. The different weights …offer great options for both readability and contrast, making all sorts of type and numbers easy for users to digest. More and more I noticed that I didn’t have to squint the way I usually do with fonts that I tend to see used a lot for dashboards, analytics, and other user interfaces.” – Typographica, Michael Surtees, March 11, 2014

It has minimized, unambiguous characters and slightly narrow proportions, making it ideal for UI design. Its strong, recognizable forms avoid distracting ambiguity, making Clear Sans comfortable for reading short UI labels and long passages in both screen and print.

This font supports a wide range of languages using Latin, Cyrillic, and Greek scripts. The font family includes medium, regular, thin, and liight weights with upright, italic, and bold styles.

Clear Sans was created and designed by Daniel Ratighan at Monotype under the direction of the User Experience team at Intel's Open Source Technology Center.
AAAaaa
<style type="text/css">
@font-face{
    font-family:"clear-sans-bold";
    src:url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-Bold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-Bold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-Bold.ttf") format("truetype");
}
span.font0{font-family:"clear-sans-bold";font-size:px;text-transform:;}
</style>
Clear Sans Bold
<style type="text/css">
@font-face{
    font-family:"clear-sans-bold-italic";
    src:url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-BoldItalic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-BoldItalic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-BoldItalic.ttf") format("truetype");
}
span.font1{font-family:"clear-sans-bold-italic";font-size:px;text-transform:;}
</style>
Clear Sans Bold Italic
<style type="text/css">
@font-face{
    font-family:"clear-sans-italic";
    src:url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-Italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-Italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-Italic.ttf") format("truetype");
}
span.font2{font-family:"clear-sans-italic";font-size:px;text-transform:;}
</style>
Clear Sans Italic
<style type="text/css">
@font-face{
    font-family:"clear-sans-light-regular";
    src:url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-Light.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-Light.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-Light.ttf") format("truetype");
}
span.font3{font-family:"clear-sans-light-regular";font-size:px;text-transform:;}
</style>
Clear Sans Light Regular
<style type="text/css">
@font-face{
    font-family:"clear-sans-medium-regular";
    src:url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-Medium.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-Medium.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-Medium.ttf") format("truetype");
}
span.font4{font-family:"clear-sans-medium-regular";font-size:px;text-transform:;}
</style>
Clear Sans Medium Regular
<style type="text/css">
@font-face{
    font-family:"clear-sans-medium-italic";
    src:url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-MediumItalic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-MediumItalic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-MediumItalic.ttf") format("truetype");
}
span.font5{font-family:"clear-sans-medium-italic";font-size:px;text-transform:;}
</style>
Clear Sans Medium Italic
<style type="text/css">
@font-face{
    font-family:"clear-sans-regular";
    src:url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-Regular.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-Regular.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-Regular.ttf") format("truetype");
}
span.font6{font-family:"clear-sans-regular";font-size:px;text-transform:;}
</style>
Clear Sans Regular
<style type="text/css">
@font-face{
    font-family:"clear-sans-thin-regular";
    src:url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-Thin.ttf") format("woff"),
    url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-Thin.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/c/972/10972/file/ClearSans-Thin.ttf") format("truetype");
}
span.font7{font-family:"clear-sans-thin-regular";font-size:px;text-transform:;}
</style>
Clear Sans Thin Regular