Polices

Deux familles de texte, une police d'icônes. Aucune autre n'entre dans le produit. Elles sont auto-hébergées : pas d'appel au CDN Google dans le chemin critique du premier rendu, et aucune requête vers un tiers côté visiteur.

Roboto — police principale

Corps de texte, libellés, données. C'est la police par défaut du thème : elle s'applique sans qu'on ait à la demander.

Trouver un lieu d'accueil près de chez soi

300 · Light — Mentions discrètes, rarement utile

Trouver un lieu d'accueil près de chez soi

400 · Regular — Texte courant — la graisse par défaut

Trouver un lieu d'accueil près de chez soi

500 · Medium — Libellés, intitulés de champs, en-têtes de tableau

Trouver un lieu d'accueil près de chez soi

700 · Bold — Mise en avant dans un paragraphe

Nunito — police secondaire

Titres et éléments d'accroche. Le thème l'applique automatiquement aux h1, h2 et h3 ; l'utilitaire font-secondary sert aux cas où un élément porte un style de titre sans en être un.

Trouver un lieu d'accueil près de chez soi

700 · Bold — Titres de section

Trouver un lieu d'accueil près de chez soi

800 · ExtraBold — Titre de page

Échelle de tailles

Le texte courant ne descend jamais sous 16 px. Une partie du public consulte le site sur un téléphone ancien, parfois avec une vue dégradée : un corps de 14 px n'y est pas lisible.

Trouver de l'aidetext-xs12 px — Mentions légales, métadonnées

Trouver de l'aidetext-sm14 px — Texte secondaire, libellés

Trouver de l'aidetext-base16 px — Texte courant — jamais en dessous

Trouver de l'aidetext-lg18 px — Chapô

Trouver de l'aidetext-2xl24 px — Titre de section

Trouver de l'aidetext-3xl30 px — Titre de page

Police d'icônes

140 icônes de catégories, générées par @soliguide/taxonomy à partir des SVG sources. Resynchronisation : pnpm fonts:sync.

food_distributionhealthaccomodation_and_housingadministrative_assistancedigital_toolsclothingtransportactivities

Chaque icône existe en version pleine et en version _outlined. Elles sont toujours décoratives : l'information qu'elles portent doit exister en texte à côté, sinon elle disparaît pour qui ne les voit pas. Voir la page Icônes pour la liste complète.

⚠️ Quatre langues sur douze ne sont pas couvertes

Constat mesuré, pas une hypothèse : les alphabets disponibles dans Roboto et Nunito ont été relevés dans les paquets installés, et croisés avec les langues servies par Soliguide.

Soliguide sert 12 langues. Roboto couvre le latin, le cyrillique, le grec et le vietnamien ; Nunito couvre le latin, le cyrillique et le vietnamien. Ni l'un ni l'autre ne couvre l'alphabet arabe ni le géorgien. Sur ces langues, le navigateur retombe sur une police système : le rendu échappe alors entièrement au design system, et personne ne le voit depuis un poste en français.

Langues	Alphabet	Couverture
fr, es, ca, en, pt, ro	latin, latin-ext	Couvert
ru, uk	cyrillic, cyrillic-ext	Couvert
ar, fa, ps	arabe	Non couvert
ka	géorgien	Non couvert

Deux chantiers en découlent, et ils ne sont pas de même nature. Le premier est simple : ajouter une police couvrant ces alphabets — Noto Sans Arabic et Noto Sans Georgian sont les candidates naturelles. Le second l'est moins : l'arabe, le persan et le pachto s'écrivent de droite à gauche, ce qui engage la mise en page entière et pas seulement la typographie.

Ce qui est réellement chargé

Chaque graisse est un fichier à télécharger. En ajouter une se décide, comme une dépendance.

Famille	Graisses chargées	Source
Roboto	`300, 400, 500, 700`	`@fontsource/roboto`
Nunito	`700, 800`	`@fontsource/nunito`
Icônes de catégories	`woff2, woff`	`@soliguide/taxonomy`