Work Sans

Essayer Work Sans

Graisses et styles

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

Work Sans 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 Work Sans

Work Sans est une famille sans empattements qui prend les premières grotesques pour modèle, sans les copier. Le spécimen en montre les traits : un a et un g à deux étages, un bas de casse large et ouvert, un G à éperon et des chasses légèrement irrégulières qui l’empêchent de paraître géométrique. Wei Huang, créateur de caractères australien, dirige le projet. Les graisses intermédiaires sont optimisées pour le texte à l’écran, d’environ 14 à 48 pixels, tandis que celles des deux extrémités sont prévues pour le titrage. Les détails ont été simplifiés pour la résolution des écrans, avec des accents dessinés plus grands qu’ils ne le seraient pour l’impression. La famille compte neuf graisses de Thin à Black avec italiques, soit 18 styles sur un axe de graisse de 100 à 900, et elle est devenue variable en février 2020. Ses 1 338 glyphes couvrent le latin, le latin étendu et le vietnamien, sous licence SIL Open Font License 1.1.

Où utiliser Work Sans

Interface et texte courant sur le web

Regular et les graisses voisines sont réglées pour des textes de 14 à 48 pixels, la plage de la plupart des contenus web et des libellés d’interface.

Grands titres

Thin 100 et Black 900 sont dessinées pour les grands corps : une page peut ainsi avoir un titre filiforme ou très gras avec la même famille.

Identités de marque pour produits numériques

Dix-huit instances nommées, réparties dans deux fichiers, couvrent le logotype, les pages marketing et les écrans de produit.

Textes très accentués

Les diacritiques agrandis restent visibles aux petits corps dans des langues comme le vietnamien, le tchèque ou le turc.

Présentations et rapports

Les formes ouvertes de grotesque se lisent bien au projecteur et dans les PDF exportés.

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 à Work Sans

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

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

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

À savoir

Thin est vraiment filiforme

Une mise à jour de 2015 a aligné Thin 100 sur l’ancien dessin Hairline, et ExtraLight et Light ont été ajustées en conséquence.

Dessinée pour les écrans

Les formes et les accents sont simplifiés pour la résolution des écrans. Les notes officielles mentionnent, sur la page du projet, une version distincte pour les applications de bureau.

Deux fichiers variables

Le romain et l’italique portent chacun l’axe de graisse de 100 à 900.

Questions fréquentes

Collections avec Work Sans

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

• Linéales grotesques

  Familles sans empattements grotesques et néo-grotesques : des bêtes de somme sobres, robustes, un peu irrégulières, pour l’identité visuelle, l’édition et les interfaces.

• 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