Figtree

Essayer Figtree

Graisses et styles

• Light 300Figtree Light Light Italic
• Regular 400Figtree Regular Italique
• Medium 500Figtree Medium Medium Italic
• SemiBold 600Figtree SemiBold SemiBold Italic
• Bold 700Figtree Bold Bold Italic
• ExtraBold 800Figtree ExtraBold ExtraBold Italic
• Black 900Figtree Black Black Italic

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

Figtree est une sans empattements géométrique conçue pour les applications web et mobiles. Le spécimen montre des panses presque circulaires, un g à un seul étage, un t au pied courbe, un trait régulier et un bas de casse haut ; dans les graisses plus lourdes, les contrepoinçons restent ronds et ouverts. Les notes officielles décrivent les graisses de texte comme nettes et les capitales comme assez fortes pour les boutons et les libellés courts, tandis que les graisses plus épaisses prennent un caractère plus amical pour les titres. Figtree est une police variable avec un axe de graisse de 300 à 900 et sept graisses nommées, de Light à Black. Les italiques ont été ajoutés en novembre 2022, ce qui porte la famille à 14 styles en deux fichiers. Chaque police contient 458 glyphes couvrant le latin et le latin étendu. Erik Kennedy en est le créateur ; la famille a rejoint Google Fonts en 2022 sous SIL Open Font License 1.1.

Où utiliser Figtree

Boutons et libellés courts

Les capitales gardent leur force en composition tout en capitales, un usage que les notes de conception mentionnent directement.

Texte d’applications mobiles

Un trait régulier et un bas de casse haut gardent clair le petit texte d’interface sur les écrans de téléphone.

Titres marketing

ExtraBold et Black deviennent plus rondes et plus amicales, ce qui convient aux marques accessibles.

Intégration et textes d’aide

Light, Regular et Medium avec leurs italiques couvrent les paragraphes, les indications et la mise en relief.

Design systems

Sept graisses dans un seul fichier variable permettent à une bibliothèque de composants de s’en tenir à une seule famille.

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

Jeux de caractères trouvés dans les fichiers : latin, latin-ext. 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 à Figtree

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 Figtree 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: "Figtree";
  src: url("/assets/fonts/Figtree-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("/assets/fonts/Figtree-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Figtree", sans-serif;
}

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

À savoir

Commence à Light 300

L’axe va de 300 à 900 ; Thin et ExtraLight n’existent pas.

Les italiques sont arrivés plus tard

L’italique a été ajouté en novembre 2022 : d’anciennes copies de la famille peuvent donc en être dépourvues.

Latin uniquement

Les 458 glyphes couvrent le latin et le latin étendu, sans sous-ensemble cyrillique, grec ou vietnamien.

Questions fréquentes

Collections avec Figtree

• Polices sans empattements nettes pour les interfaces d’applications

  Familles sans empattements sous licence libre qui restent lisibles dans les boutons, les menus, les tableaux et les écrans de réglages, avec les graisses dont une interface a besoin.

• Polices sans empattements géométriques

  Familles sans empattements construites sur des cercles, des droites et des traits réguliers, des dessins inspirés des années 1920 aux caractères de marque actuels.

• Polices compatibles avec le turc

  Familles sous licence libre qui contiennent toutes les lettres de l’alphabet turc, dont le i avec et sans point, en styles de texte, de titrage et scriptes.

Polices similaires

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