Noto Sans font

By Monotype Design team at Aug 02, 2018

Noto Sans

Noto Sans

Noto Sans

Noto Sans

When text is rendered by a computer, sometimes there will be characters in the text that can not be displayed, because no font that supports them is available to the computer. When this occurs, small boxes are shown to represent the characters. We call those small boxes “tofu,” and we want to remove tofu from the Web. This is how the Noto font families got their name.

Noto helps to make the web more beautiful across platforms for all languages. Currently, Noto covers over 30 scripts, and will cover all of Unicode in the future. This is the Sans Latin, Greek and Cyrillic family. It has Regular, Bold, Italic and Bold Italic styles and is hinted. It is derived from Droid, and like Droid it has a serif sister family, Noto Serif.

Noto fonts for many other languages are available as web fonts from the Google Web Fonts Early Access page.

Noto fonts are intended to be visually harmonious across multiple languages, with compatible heights and stroke thicknesses. For the currently released Noto fonts see www.google.com/get/noto/#/
AAAaaa
<style type="text/css">
@font-face{
    font-family:"noto-sans-regular";
    src:url("https://fontsme.com/wp-data/n/678/678/file/noto-sans.regular.ttf") format("woff"),
    url("https://fontsme.com/wp-data/n/678/678/file/noto-sans.regular.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/n/678/678/file/noto-sans.regular.ttf") format("truetype");
}
span.font0{font-family:"noto-sans-regular";font-size:px;text-transform:;}
</style>
Noto Sans Regular
<style type="text/css">
@font-face{
    font-family:"noto-sans-italic";
    src:url("https://fontsme.com/wp-data/n/678/678/file/noto-sans.italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/n/678/678/file/noto-sans.italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/n/678/678/file/noto-sans.italic.ttf") format("truetype");
}
span.font1{font-family:"noto-sans-italic";font-size:px;text-transform:;}
</style>
Noto Sans Italic
<style type="text/css">
@font-face{
    font-family:"noto-sans-bold";
    src:url("https://fontsme.com/wp-data/n/678/678/file/noto-sans.bold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/n/678/678/file/noto-sans.bold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/n/678/678/file/noto-sans.bold.ttf") format("truetype");
}
span.font2{font-family:"noto-sans-bold";font-size:px;text-transform:;}
</style>
Noto Sans Bold
<style type="text/css">
@font-face{
    font-family:"noto-sans-bold-italic";
    src:url("https://fontsme.com/wp-data/n/678/678/file/noto-sans.bold-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/n/678/678/file/noto-sans.bold-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/n/678/678/file/noto-sans.bold-italic.ttf") format("truetype");
}
span.font3{font-family:"noto-sans-bold-italic";font-size:px;text-transform:;}
</style>
Noto Sans Bold Italic