Roboto Serif

Essayer Roboto Serif

Graisses et styles

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

Roboto Serif 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 Roboto Serif

Roboto Serif est une famille à empattements conçue comme police variable, pour la lecture sur écran comme sur papier. Dans le spécimen, les empattements sont robustes et rattachés par des congés, le contraste entre pleins et déliés est modéré et les minuscules sont grandes, si bien que la texture reste homogène du Thin au Black. Quatre axes façonnent la famille : la graisse de 100 à 900, la chasse de 50 à 150, la taille optique de 8 à 144 et le grade de -50 à 100. Neuf graisses nommées existent chacune en romain et en italique, soit 18 styles au total. Les notes officielles la présentent comme minimale et fonctionnelle, utilisable jusque dans des interfaces d’applications grâce à l’étendue de ses graisses, de ses chasses et de ses tailles optiques. Ses 1 158 glyphes couvrent le latin, le latin étendu, le cyrillique et le vietnamien. Les crédits citent Commercial Type et Greg Gazdowicz. Roboto Serif est publiée sous la SIL Open Font License 1.1.

Où utiliser Roboto Serif

Articles de fond

La taille optique, de 8 à 144, adapte le dessin entre le texte courant en petit corps et les grands titres, au sein d’une même famille.

Applications de lecture et livres numériques

L’axe de grade, de -50 à 100, permet à une application d’alléger ou d’assombrir le texte selon le thème de lecture.

Colonnes étroites façon journal

Une chasse descendant jusqu’à 50 condense un titre pour qu’il tienne dans une colonne serrée.

Texte à empattements dans les interfaces

Les notes officielles citent les interfaces d’applications parmi les usages ; Medium et SemiBold donnent assez de poids aux libellés.

Pendant à empattements de Roboto

Elle porte le nom de Roboto et offre la même étendue, du Thin 100 au Black 900, que la version sans empattements.

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

Autres systèmes d’écriture que le latin couverts par la famille : Cyrillique. 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, 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 à Roboto Serif

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 Roboto Serif 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: "Roboto Serif";
  src: url("/assets/fonts/RobotoSerif-Italic-VariableFont_GRAD%2Copsz%2Cwdth%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Serif";
  src: url("/assets/fonts/RobotoSerif-VariableFont_GRAD%2Copsz%2Cwdth%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Roboto Serif", serif;
}

Vous pouvez aussi la charger depuis la source officielle. Google Fonts sert Roboto Serif 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=Roboto+Serif:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

À savoir

La chasse va dans les deux sens

La chasse par défaut est de 100 ; l’axe permet de condenser jusqu’à 50 et d’élargir jusqu’à 150.

Taille optique par défaut : 20

L’axe opsz va de 8 à 144 et reste à 20 tant que l’application ne le règle pas.

Deux fichiers variables

Le romain et l’italique sont deux fichiers distincts, chacun avec les quatre axes.

Questions fréquentes

Collections avec Roboto Serif

• Systèmes de polices assorties : linéale, empattements et chasse fixe

  Familles conçues pour être utilisées ensemble : une linéale, une police à empattements ou égyptienne et souvent une à chasse fixe, qui partagent proportions, graisses et caractère.

Polices similaires

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