Noto Sans Display

Essayer Noto Sans Display

Graisses et styles

• Thin 100Noto Sans Display Thin Thin Italic
• ExtraLight 200Noto Sans Display ExtraLight ExtraLight Italic
• Light 300Noto Sans Display Light Light Italic
• Regular 400Noto Sans Display Regular Italique
• Medium 500Noto Sans Display Medium Medium Italic
• SemiBold 600Noto Sans Display SemiBold SemiBold Italic
• Bold 700Noto Sans Display Bold Bold Italic
• ExtraBold 800Noto Sans Display ExtraBold ExtraBold Italic
• Black 900Noto Sans Display Black Black Italic

Noto Sans Display est une police variable : le téléchargement contient toute la plage de graisses dans un fichier par style, et les graisses nommées ci-dessus sont des positions sur cette plage.

À propos de Noto Sans Display

Noto Sans Display est une famille sans empattements destinée aux grandes tailles, où le dessin de texte standard d’un caractère peut paraître lâche et lourd. Le spécimen montre des lettres plus rapprochées que dans une police de texte, et une graisse Thin réduite à des traits très fins qui ne tiennent que si le caractère est grand. Deux axes variables sont proposés : la graisse de 100 à 900 et la chasse de 62,5 à 100, si bien qu’un même fichier peut passer de la pleine chasse à une composition étroite de titre. Le romain et l’italique ont chacun neuf graisses nommées, soit 18 styles au total. Les polices contiennent 3 327 glyphes, avec des sous-ensembles pour le latin, le latin étendu, le cyrillique, le grec et le vietnamien. Google est indiqué comme créateur et la table des noms cite la Monotype Design Team. La famille a rejoint Google Fonts en 2020.

Où utiliser Noto Sans Display

Titres et titres de pages

La famille est dessinée pour les grandes tailles, avec une approche plus serrée qu’un dessin de texte.

Titres étroits dans des mises en page serrées

L’axe de chasse descend jusqu’à 62,5, ce qui fait tenir de longs titres dans des cartes, des bannières et des en-têtes mobiles.

Affiches en caractères fins

Thin 100 et ExtraLight 200 offrent des traits fins qui fonctionnent quand les lettres sont composées en grand.

Campagnes multilingues

Les glyphes latins, cyrilliques, grecs et vietnamiens gardent un même style de titre d’une version linguistique à l’autre.

Glyphes

Langues prises en charge

La famille contient les lettres de base qui servent à écrire ces langues :

• Anglais
• Français
• Allemand
• Espagnol
• Portugais
• Italien
• Néerlandais
• Suédois
• Norvégien
• Danois
• Finnois
• Islandais
• Catalan
• Turc
• Polonais
• Tchèque
• Slovaque
• Hongrois
• Roumain
• Croate
• Slovène
• Lituanien
• Letton
• Estonien
• Vietnamien
• Russe
• Ukrainien
• Bulgare
• Grec

Autres systèmes d’écriture que le latin couverts par la famille : Cyrillique, Grec. Il s’agit de systèmes d’écriture, pas d’une garantie pour chaque langue qui les utilise.

Jeux de caractères trouvés dans les fichiers : cyrillic, cyrillic-ext, greek, greek-ext, latin, latin-ext, vietnamese. La liste des langues vérifie la présence des lettres nécessaires dans la police ; elle ne garantit pas la qualité typographique dans chaque langue.

Licence

Polices à associer à Noto Sans Display

Ces suggestions reposent sur des règles simples appliquées aux fiches : une classification contrastée et assez de graisses pour le texte courant. C’est un point de départ, pas un verdict.

Utiliser Noto Sans Display sur le web

Téléchargez la famille, hébergez les fichiers sur votre propre site, puis déclarez-les en CSS. Merci de ne pas pointer vers les fichiers de trendhub.net : les fichiers d’aperçu sont des sous-ensembles et leurs adresses changent.

@font-face {
  font-family: "Noto Sans Display";
  src: url("/assets/fonts/NotoSansDisplay-Italic-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Display";
  src: url("/assets/fonts/NotoSansDisplay-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Noto Sans Display", sans-serif;
}

Vous pouvez aussi la charger depuis la source officielle. Google Fonts sert Noto Sans Display avec ce code :

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

À savoir

Pas le dessin de texte

Pour les paragraphes, la collection propose une autre famille destinée au texte courant ; celle-ci est réglée pour les grandes tailles.

La chasse ne fait que se resserrer

L’axe de chasse va de 62,5 à 100. Aucun réglage n’est plus large que la normale.

Deux fichiers variables

Les romains et les italiques sont des fichiers séparés, chacun avec les deux axes.

Questions fréquentes

Polices similaires

Autres familles de la même classification, classées selon leurs usages communs. Toutes les polices sans empattements