Fraunces

Essayer Fraunces

Graisses et styles

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

Fraunces 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 Fraunces

Fraunces est une police à empattements adoucis de type Old Style, dont les notes officielles rattachent la manière aux caractères du début du XXe siècle. Dans le spécimen, les graisses lourdes montrent des empattements gonflés et arrondis, des gouttes sur a, c, f et r, et une légère inclinaison de lettres comme h, n et m, tandis que les graisses légères deviennent fines et très contrastées. Les polices variables comptent quatre axes : la graisse de 100 à 900, la taille optique de 9 à 144, Softness de 0 à 100, qui règle l’aspect plus ou moins encré des formes, et Wonky, un interrupteur qui active ou désactive les lettres penchées. Le romain et l’italique ont chacun neuf graisses nommées, soit 18 styles au total, pour 683 glyphes couvrant le latin, le latin étendu et le vietnamien. Phaedra Charles et Flavia Zimbardi, les deux associées d’Undercase Type, ont dessiné Fraunces, publiée sous SIL Open Font License 1.1.

Où utiliser Fraunces

Titres de magazines et de blogs

L’axe de taille optique monte jusqu’à 144 : les grands titres peuvent adopter le dessin plus fin et plus contrasté prévu pour les tailles de titrage.

Emballages alimentaires et de boissons

Pousser Softness vers 100 arrondit les empattements et les jonctions, ce qui donne aux étiquettes en graisses lourdes un aspect encré, imprimé.

Logotypes de marque

L’axe Wonky remplace les h, n et m penchés par des formes droites : un même nom peut prendre une voix excentrique ou plus calme.

Citations et chapeaux

Neuf graisses d’italique à gouttes détachent une citation du texte en romain qui l’entoure.

Affiches

Black 900, avec ses empattements gonflés et ses contrepoinçons serrés, tient une ligne courte en format d’affiche.

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

Jeux de caractères trouvés dans les fichiers : 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 à Fraunces

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

body {
  font-family: "Fraunces", serif;
}

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

À savoir

L’axe de graisse est réglé sur 900 par défaut

Ouvert sans choix de graisse, le fichier variable affiche Black, comme dans le titre du spécimen ; réglez la graisse explicitement pour du texte.

Wonky est activé par défaut

L’axe Wonky a deux positions, 0 et 1, et vaut 1 par défaut. Réglez-le sur 0 pour obtenir les formes droites des lettres concernées.

Deux fichiers variables

Le téléchargement contient un fichier variable pour le romain et un pour l’italique, chacun avec les quatre axes.

Ni cyrillique ni grec

Les jeux de caractères sont uniquement le latin, le latin étendu et le vietnamien.

Questions fréquentes

Collections avec Fraunces

• Polices pour emballages et étiquettes de produits

  Scriptes au pinceau, empattements souples et polices de titrage robustes pour pots, boîtes, bouteilles et étiquettes, là où un nom doit tenir sur une petite surface courbe.

• Polices variables à axe de taille optique

  Familles variables qui se redessinent selon la taille à laquelle elles sont composées : plus robustes et plus aérées en petit, plus fines et plus serrées en grand.

• Polices variables à axes inhabituels

  Polices variables expérimentales et expressives à axes personnalisés : douceur, rebond, décontraction, métamorphose, rotation, grade et plus encore.

Polices similaires

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