Saira

Essayer Saira

Graisses et styles

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

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

Saira est un système de caractères sans empattements dont les courbes sont dessinées comme des rectangles arrondis : les panses du o, du d et du p ont des flancs droits, et les extrémités de trait sont coupées à plat. Voici la famille de chasse normale du système. D’après la description officielle, elle a été reconstruite en 2020 comme police variable à deux axes, la graisse de 100 à 900 et la chasse de 50 à 125 : un seul fichier va ainsi des réglages étroits aux réglages élargis, plus larges que la valeur par défaut de 100. Le romain et l’italique ont chacun neuf graisses nommées, de Thin à Black, ce qui donne 18 styles. Les polices contiennent 893 glyphes répartis sur les jeux latin, latin étendu et vietnamien. Hector Gatti a dessiné Saira et l’équipe d’Omnibus-Type l’a développée. Les polices sont sous licence SIL Open Font License 1.1.

Où utiliser Saira

Titres adaptatifs

L’axe de chasse de 50 à 125 permet de resserrer un titre sur téléphone et de l’élargir sur un écran d’ordinateur sans changer de famille.

Interfaces de produits

Les contrepoinçons carrés et les extrémités plates gardent leur forme dans les petites étiquettes, tandis que Medium et SemiBold marquent la hiérarchie.

Identités technologiques et sport automobile

Des courbes à flancs droits en Black, en chasse élargie, donnent à un logotype un caractère d’ingénierie et de mécanique.

Mises en valeur dans le texte courant

Les italiques existent pour chaque graisse de Thin à Black : légendes et paragraphes peuvent donc porter des mises en valeur dans la même famille.

Pages produit multilingues

Les jeux latin étendu et vietnamien couvrent des versions linguistiques allant du portugais au polonais et au vietnamien.

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 à Saira

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

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

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

À savoir

L’instance par défaut est Thin

L’axe de graisse vaut 100 par défaut. Les logiciels qui ignorent les instances nommées affichent Thin : indiquez donc la graisse explicitement, par exemple font-weight: 400.

Deux axes dans deux fichiers

Le téléchargement contient un fichier variable pour le romain et un pour l’italique. Chacun comprend l’axe de graisse et l’axe de chasse.

La chasse 100 est la chasse normale

Les valeurs inférieures à 100 resserrent les lettres jusqu’à 50, et les valeurs supérieures les élargissent jusqu’à 125.

Questions fréquentes

Collections avec Saira

• Linéales carrées pour interfaces technologiques et de jeux

  Familles sans empattements aux épaules carrées, avec au moins deux graisses, pour les HUD, les tableaux de bord, les visuels d’esport et les identités d’inspiration matérielle.

• Polices variables avec axe de chasse

  Familles variables dont la largeur des lettres se règle en plus de la graisse, d’un léger resserrement pour ajuster le texte à une gamme complète du condensé à l’élargi.

Polices similaires

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