Noto Sans Display

To use Noto Sans Display in your web project, either search Google Fonts and use their embed code or host the font on your server and use the CSS below. Note: fonts served by Google Fonts may be missing some OpenType features that are available in the original font.

@font-face {
  font-family: 'Noto Sans Display';
  src: url('<YOUR SERVER PATH>NotoSansDisplay[wdth,wght].ttf') format(woff2);
  font-weight: 100 900;
  font-stretch: 62.5% 100%;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Sans Display';
  src: url('<YOUR SERVER PATH>NotoSansDisplay-Italic[wdth,wght].ttf') format(woff2);
  font-weight: 100 900;
  font-stretch: 62.5% 100%;
  font-style: italic;
}

Our mission is to organize the world’s information and make it universally accessible and useful. In their first letter to shareholders, our founders highlighted Google’s goal to “develop services that significantly improve the lives of as many people as possible.” This vision continues to guide all of us at Google. We believe in technology’s power and potential to have a profoundly positive impact across the world.