Urbanist

Essayer Urbanist

Graisses et styles

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

Urbanist 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 d’Urbanist

Urbanist est une linéale géométrique construite à partir de formes élémentaires. Dans le spécimen, le O, le C et le G sont proches du cercle, les a, b, d, p et q reprennent une même panse ronde avec une hampe droite, et le a est à un étage ; les traits gardent une épaisseur presque constante, et le t et le f sont étroits, aux barres courtes. Corey Hu a lancé le projet en 2020 en s’appuyant sur la typographie et le design modernistes, et le décrit comme un caractère de titrage neutre pour l’imprimé et le numérique. La famille compte neuf graisses, de Thin à Black, chacune avec un italique, soit 18 styles livrés en deux fichiers variables avec un axe de graisse de 100 à 900. Chaque fonte contient 487 glyphes pour le latin et le latin étendu. Urbanist a rejoint Google Fonts en 2021 et est publiée sous la SIL Open Font License 1.1.

Où utiliser Urbanist

Identité de start-up et de produit

Des lettres bâties sur le cercle donnent au logotype un contour net et moderne, et neuf graisses permettent d’en régler la présence.

Titres de pages d’atterrissage

Thin 100 et Black 900 se trouvent aux deux extrémités d’un même axe : une page peut opposer un titre filiforme à un appel à l’action massif.

Portfolios d’architecture et de design

L’origine moderniste des formes s’accorde avec les grilles, les blancs et les images légendées.

Interfaces d’applications

Medium et SemiBold distinguent les boutons des libellés, et les italiques servent aux notes secondaires.

Présentations

Une épaisseur de trait régulière garde un lien visuel entre les grands titres de diapositives et les petits pieds de page.

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
• Tchèque
• Slovaque
• Hongrois
• Roumain
• Slovène
• Lituanien
• 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 à Urbanist

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

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

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

À savoir

Deux fichiers variables

Le romain et l’italique sont deux polices variables distinctes, chacune couvrant les graisses de 100 à 900.

Un a à un étage

Le a est une panse ronde avec une hampe, la même construction que b, d, p et q.

Latin uniquement

Les 487 glyphes couvrent les jeux de caractères latin et latin étendu.

Questions fréquentes

Collections avec Urbanist

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

• 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 sans empattements