Noto Serif font

By Monotype Design team at Jul 31, 2018

Noto Serif

Noto Serif

Noto Serif

Noto Serif

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 Serif 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 sister serif family, Noto Sans.

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 code.google.com/p/noto/
AAAaaa
<style type="text/css">
@font-face{
    font-family:"noto-serif-regular";
    src:url("https://fontsme.com/wp-data/n/258/258/file/noto-serif.regular.ttf") format("woff"),
    url("https://fontsme.com/wp-data/n/258/258/file/noto-serif.regular.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/n/258/258/file/noto-serif.regular.ttf") format("truetype");
}
span.font0{font-family:"noto-serif-regular";font-size:px;text-transform:;}
</style>
Noto Serif Regular
<style type="text/css">
@font-face{
    font-family:"noto-serif-italic";
    src:url("https://fontsme.com/wp-data/n/258/258/file/noto-serif.italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/n/258/258/file/noto-serif.italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/n/258/258/file/noto-serif.italic.ttf") format("truetype");
}
span.font1{font-family:"noto-serif-italic";font-size:px;text-transform:;}
</style>
Noto Serif Italic
<style type="text/css">
@font-face{
    font-family:"noto-serif-bold";
    src:url("https://fontsme.com/wp-data/n/258/258/file/noto-serif.bold.ttf") format("woff"),
    url("https://fontsme.com/wp-data/n/258/258/file/noto-serif.bold.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/n/258/258/file/noto-serif.bold.ttf") format("truetype");
}
span.font2{font-family:"noto-serif-bold";font-size:px;text-transform:;}
</style>
Noto Serif Bold
<style type="text/css">
@font-face{
    font-family:"noto-serif-bold-italic";
    src:url("https://fontsme.com/wp-data/n/258/258/file/noto-serif.bold-italic.ttf") format("woff"),
    url("https://fontsme.com/wp-data/n/258/258/file/noto-serif.bold-italic.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/n/258/258/file/noto-serif.bold-italic.ttf") format("truetype");
}
span.font3{font-family:"noto-serif-bold-italic";font-size:px;text-transform:;}
</style>
Noto Serif Bold Italic