Source Serif 4

Essayer Source Serif 4

Graisses et styles

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

Source Serif 4 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 Source Serif 4

Source Serif 4 est une famille à empattements de style réal, conçue pour accompagner Source Sans en reprenant ses proportions de lettres et le gris typographique de son texte. Les notes officielles disent qu’elle s’inspire librement du travail du graveur de poinçons du XVIIIe siècle Pierre Simon Fournier et conserve certaines de ses particularités, comme l’empattement au pied du b et l’empattement central du w, tout en simplifiant les formes pour l’usage numérique. Frank Grießhammer l’a dessinée, avec Robert Slimbach comme conseiller sur le dessin. La famille est une police variable à deux axes : la graisse de 200 à 900 et la taille optique de 8 à 60, avec 20 par défaut. Huit graisses nommées, de ExtraLight à Black, existent en romain et en italique, soit 16 styles. Les polices contiennent 1 463 glyphes couvrant le latin, le latin étendu, le vietnamien, le cyrillique et le grec.

Où utiliser Source Serif 4

Lecture de textes longs

Le dessin vise les textes étendus sur papier comme à l’écran, et l’axe de taille optique épaissit les détails fins à mesure que le corps diminue.

Titres dans la même famille

En haut de l’axe de taille optique, jusqu’à 60, les empattements et les déliés s’affinent pour les titres.

Systèmes associant police à empattements et linéale

Des proportions accordées à Source Sans permettent d’alterner les deux entre texte courant et légendes sans saut de taille ni de couleur.

Typographie universitaire et de livre

Le romain et l’italique en huit graisses couvrent texte, mises en valeur, titres et notes ; le grec et le cyrillique servent aux citations.

Sites d’actualité et de magazines

De SemiBold à Black, ces graisses composent les titres d’articles au-dessus d’un texte en Regular.

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, 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 à Source Serif 4

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 Source Serif 4 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: "Source Serif 4";
  src: url("/assets/fonts/SourceSerif4-Italic-VariableFont_opsz%2Cwght.ttf") format("truetype");
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Source Serif 4";
  src: url("/assets/fonts/SourceSerif4-VariableFont_opsz%2Cwght.ttf") format("truetype");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

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

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

À savoir

Taille optique de 8 à 60

La valeur par défaut de l’axe est 20. Les navigateurs appliquent la taille optique automatiquement ; ailleurs, réglez-la à la main.

Deux fichiers variables

Le romain et l’italique sont des fichiers séparés, chacun avec l’axe de graisse et l’axe de taille optique.

Des détails repris de Fournier

L’empattement au pied du b et l’empattement central du w sont des particularités historiques voulues, et non des erreurs.

Questions fréquentes

Collections avec Source Serif 4

• Polices à empattements pour la lecture longue à l’écran

  Polices de texte à empattements dessinées pour l’écran ou la lecture longue : grande hauteur d’x, contraste modéré et vraies italiques pour articles, blogs et documentation.

• 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