Bitter

Essayer Bitter

Graisses et styles

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

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

Bitter est une famille égyptienne que Sol Matas a dessinée pour la lecture sur ordinateur et sur les autres appareils. Le projet est parti d’une grille de pixels, et la police garde une grande hauteur d’x et peu de différence entre pleins et déliés. Ses empattements ont la même épaisseur que les fûts et se terminent à angle droit. La Regular est plus foncée qu’une Regular d’imprimerie ordinaire, si bien que les paragraphes ont un gris dense et régulier. Dans le spécimen, la graisse la plus légère est un trait fin comme un fil, aux empattements plats, alors que Black est compacte et lourde. Bitter est une police variable à un seul axe, la graisse, de 100 à 900. Neuf graisses nommées et leurs italiques font 18 styles. Les fichiers contiennent 1 522 glyphes et couvrent le latin, le latin étendu, le cyrillique et le vietnamien. Selon les notes officielles, l’espacement a été réglé à la main, ce qui limite le besoin de paires de crénage. La licence est la SIL Open Font License 1.1.

Où utiliser Bitter

Longs articles sur le web

La grande hauteur d’x et le faible contraste ont été choisis pour les écrans, où les déliés fins ont tendance à se rompre.

Livres numériques et applications de lecture

Bitter est née de l’essor du livre électronique, et sa Regular foncée garde son gris typographique aussi bien sur encre électronique que sur LCD.

Blogs avec une seule famille

Avec des graisses de 100 à 900, les titres, le texte et les légendes viennent des mêmes fichiers variables.

Textes en russe, en ukrainien et en bulgare

Les 1 522 glyphes incluent le cyrillique : le même style d’égyptienne se retrouve dans les éditions latines et cyrilliques.

Titres et citations mises en exergue

ExtraBold et Black donnent aux empattements carrés une voix de titrage affirmée.

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

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

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

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

À savoir

Classée parmi les polices à empattements à la source

Le catalogue officiel range Bitter dans les polices à empattements. Ses empattements carrés, de l’épaisseur des fûts, en font une égyptienne.

Une Regular plus foncée que d’habitude

Les notes officielles indiquent que la Regular est plus épaisse qu’une Regular d’imprimerie ordinaire : le texte paraît donc plus lourd que dans beaucoup de familles à empattements.

Deux fichiers variables

Le romain et l’italique forment chacun un fichier variable couvrant 100 à 900. Le paquet ne contient pas de fichiers statiques.

Questions fréquentes

Collections avec Bitter

• Polices pour présentations et diaporamas

  Familles sans empattements et égyptiennes qui restent lisibles sur un projecteur ou un écran partagé, avec des graisses fortes pour les titres de diapositives.

• 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.

• Polices égyptiennes

  Familles égyptiennes aux empattements massifs, des dessins géométriques ou de style machine à écrire aux polices de texte robustes avec italiques.

• Familles de polices en neuf graisses avec italiques

  Familles complètes de Thin à Black avec une italique pour chaque graisse : dix-huit styles pour un système typographique complet.

Polices similaires

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