12 polices multilingues pour votre site Web : choix gratuits par script

Résumez ce post avec : 9 min de lecture

ChatGPT Perplexité Grok Google IA

Il n’existe pas de police Web unique qui couvre bien toutes les langues. La chose la plus proche est celle de Google Non projet, qui couvre “plus de 1 000 langues et plus de 150 systèmes d'écriture”, mais il est livré sous forme de familles distinctes par script. Pour la plupart des sites Web multilingues, la réponse pratique est une police principale pour le texte latin, cyrillique et grec, ainsi qu'une solution de secours spécifique à l'écriture (Noto ou une famille correspondante) pour l'arabe, l'hébreu, le devanagari, le thaï et le CJK.

Vous trouverez ci-dessous 12 polices gratuites qui gèrent plusieurs scripts, avec les scripts exacts pris en charge par chacune, suivis d'une configuration CSS et d'une routine de test que vous pouvez exécuter avant de lancer une nouvelle langue.

Principaux points à retenir

• Vérifier scripts, pas “nombre de langues”. Si une police n'a pas de glyphes arabes, peu importe le nombre de langues en écriture latine qu'elle répertorie.
• Les glyphes manquants apparaissent sous forme de cases vides (“tofu”) ou sous forme de police système non correspondante. Les deux semblent brisés pour les lecteurs natifs.
• Construire un pile de polices: votre police de marque d'abord, une police spécifique au script ensuite, puis une famille générique. Le navigateur choisit par caractère.
• Chargez CJK et d'autres grandes polices uniquement si nécessaire. Google Fonts les divise déjà en petits unicode-range tranches.
• Testez chaque langue sur des pages réelles, à des tailles réelles, avant de l'activer pour les visiteurs.

Comment nous avons choisi et vérifié ces polices

Les 12 polices sont gratuites et disponibles sur Google Fonts. La couverture de script répertoriée pour chacun provient des métadonnées de la famille Google Fonts, vérifiées le 27 septembre 2026. “Latin” comprend l'ensemble latin étendu qui couvre la plupart des langues européennes, le turc et le vietnamien étant répertoriés.

Nous avons laissé de côté les polices premium. Les familles rémunérées comme Helvetica World ou Frutiger peuvent être excellentes, mais leur support linguistique et leurs prix changent selon la licence et le fournisseur, et vous devriez les vérifier directement auprès de la fonderie.

Les 12 polices multilingues

1. Noto Sans

Scripts : Latin, cyrillique, grec, devanagari, vietnamien. Les familles de compagnons couvrent presque tout le reste : Noto Sans arabe, hébreu, thaï, JP, KR, SC (chinois simplifié), TC (chinois traditionnel) et plus encore.

Noto (abréviation de “pas de tofu”) est le choix par défaut lorsque vous avez besoin de largeur. Le Projet Noto le décrit comme une collection “dans plus de 1 000 langues et plus de 150 systèmes d'écriture”, et les polices sont publiées sous la licence SIL Open Font. Étant donné que chaque famille de scripts est conçue pour fonctionner ensemble, Noto est également la solution de secours la plus sûre derrière toutes les autres polices de cette liste.

2. Noto Serif

Scripts : Latin, cyrillique, grec, vietnamien, ainsi que des symboles mathématiques.

Le partenaire serif de Noto Sans, avec son propre ensemble de compagnons d'écriture (Noto Serif JP, Noto Naskh Arabic pour un style arabe traditionnel, et d'autres). Idéal pour les sites éditoriaux qui souhaitent une sensation semblable à celle d'un livre dans toutes les langues.

3. Ouvert sans

Scripts : Latin, cyrillique, grec, Hébreu, Vietnamien.

Le sans humaniste de Steve Matteson est un incontournable du Web depuis des années. Son support hébreu est la raison pour laquelle il figure sur cette liste : peu de polices latines populaires l'incluent. Il s’agit d’un choix solide de corps de texte pour les sites qui ont besoin de l’anglais, du russe, du grec et de l’hébreu d’une seule famille.

4. Roboto

Scripts : Latin, cyrillique, grec, vietnamien.

Police système d'Android, conçue par Christian Robertson. Les visiteurs le savent déjà, il a de nombreux poids et une version variable, et il s'associe proprement à Noto pour les scripts qu'il ne couvre pas.

5. Inter

Scripts : Latin, cyrillique, grec, vietnamien.

Rasmus Andersson a conçu Inter pour les écrans, et il affiche en petit texte d'interface utilisateur : boutons, étiquettes, tableaux. Si votre site est une application ou un tableau de bord, les solutions de secours Inter plus Noto constituent une combinaison solide.

6. Source Sans 3

Scripts : Latin, cyrillique, grec, vietnamien.

La première famille open source d'Adobe, par Paul D. Hunt. Neutre, très lisible en texte long et correspondant stylistiquement à Source Han Sans, le design CJK développé par Adobe avec Google et que Google livre sous le nom de Noto Sans CJK.

7. Fira Sans

Scripts : Latin, cyrillique, grec, vietnamien.

Conçu par Carrois Apostrophe pour Mozilla. Un peu plus de personnalité que Roboto ou Inter, avec une Fira Mono correspondante si votre site affiche du code.

8. Montserrat

Scripts : Latin, cyrillique, vietnamien. Pas de grec.

Populaire pour les titres. C'est ici pour rappeler de lire la ligne de couverture : Montserrat fonctionne pour l'anglais, l'allemand, le polonais, le russe et l'ukrainien, mais une page grecque reviendrait à une autre police au milieu du titre.

9. IBM Plex Sans (et ses compagnons de script)

Scripts : Plex Sans couvre le latin, le cyrillique, le grec et le vietnamien. Des familles distinctes ajoutent Arabe, hébreu, devanagari, thaï, japonais et coréen.

IBM Plex est l'option la plus complète “conçue comme un seul système” après Noto. Chaque compagnon partage les proportions et le ton de Plex, donc une page en arabe et une page en anglais ressemblent à la même marque.

10. Rubik

Scripts : Latin, cyrillique, Hébreu, arabe.

Légèrement rond et convivial. L'une des rares familles célibataires qui couvre à la fois l'hébreu et l'arabe ainsi que le latin et le cyrillique, ce qui la rend pratique pour les sites du Moyen-Orient.

11. Caire

Scripts : Arabe, latin.

Une famille arabe contemporaine avec un ensemble latin assorti. Utile lorsque vos pages arabes sont prioritaires et que vous souhaitez que les mots anglais à l'intérieur du texte arabe (noms de marque, codes de produit) correspondent.

12. Noto Sans JP, SC, TC et KR

Scripts : Japonais, chinois simplifié, chinois traditionnel et coréen respectivement, chacun avec du latin et du cyrillique.

Les polices chinoises, japonaises et coréennes contiennent des milliers de caractères, la taille du fichier est donc le véritable problème. Google Fonts les sert en petit unicode-range morceaux, et le navigateur télécharge uniquement les morceaux dont une page a besoin. Utilisez la famille qui correspond à la langue : le japonais et le chinois partagent de nombreux caractères mais les dessinent différemment, et les lecteurs le remarquent.

Un petit avertissement concernant les favoris uniquement latins : Lato, par exemple, répertorie uniquement le latin et le latin étendu sur Google Fonts. De nombreuses polices de marque sont identiques. C'est très bien, tant que votre pile dispose d'une solution de secours pour chaque autre script que vous publiez.

Comment configurer une pile de polices multilingue

Le navigateur choisit une police par caractère. Si la première police est font-family n'a pas de glyphe, il essaie le suivant. Vous pouvez l'utiliser exprès :

body {
  font-family: 'Inter', 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', system-ui, sans-serif;
}

Pour un meilleur contrôle, définissez les polices par langue avec le :lang() sélecteur. Cela fonctionne tant que la page <html lang="…"> l'attribut est correct pour la langue affichée :

:lang(ar) body {
  font-family: 'IBM Plex Sans Arabic', 'Noto Sans Arabic', sans-serif;
}
:lang(he) body {
  font-family: 'Open Sans', 'Noto Sans Hebrew', sans-serif;
}
:lang(ja) body {
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.8;
}
:lang(th) body {
  font-family: 'IBM Plex Sans Thai', 'Noto Sans Thai', sans-serif;
  line-height: 1.9;
}

Trois détails qui permettent de gagner du temps plus tard :

• Hauteur de ligne. Le thaï, le devanagari et l'arabe ont des marques au-dessus et au-dessous des lettres. Une hauteur de ligne adaptée à l'anglais peut les couper. Donnez plus de place à ces langues.
• Gras et italique. De nombreux scripts n’ont pas de véritable italique. Si vous comptez sur l’italique pour mettre l’accent, choisissez un style (poids ou couleur) différent pour ces langues.
• Auto-hébergement. Si vous hébergez vous-même des polices, conservez les unicode-range descripteurs lorsque vous copiez @font-face règles. Le Référence MDN pour la plage Unicode montre la syntaxe.

Comment tester les polices avant de lancer une langue

1. Activez la langue dans un état caché ou en phase et chargez vos cinq pages les plus importantes : la page d'accueil, une page de produit ou de prix, un long article, un formulaire et le paiement ou l'inscription.
2. Recherchez le tofu et le changement de police. Les rectangles vides sont évidents. Un changement soudain de forme de lettre à mi-chemin d'un titre est plus facile à manquer et signifie que la police est retombée.
3. Vérifiez le petit texte. Pieds de page, étiquettes de formulaire, cellules de tableau et boutons au format mobile. Les scripts complexes deviennent difficiles à lire en dessous de la taille qui convient à l'anglais.
4. Vérifiez la longueur du texte. Le texte traduit est souvent plus long. Les W3C article sur la taille du texte en traduction cite les directives d'IBM selon lesquelles les chaînes anglaises courtes (jusqu'à 10 caractères) peuvent augmenter de 200 à 300 % dans les langues européennes. Les boutons et les menus se cassent en premier.
5. Vérifier la direction. Pour l'arabe, l'hébreu et le persan, confirmez que la mise en page se reflète correctement et que les chiffres et les mots latins à l'intérieur du texte se lisent toujours correctement. Notre guide de Conception RTL couvre le côté mise en page.
6. Demandez à un lecteur natif. Un locuteur courant repérera un mauvais glyphe régional (commun au chinois et au japonais) en quelques secondes.

Comment ConveyThis aide à l'étape de test

ConveyThis traduit le texte de votre site et définit celui de la page lang attribut à la langue affichée, donc le :lang() les règles ci-dessus s'appliquent automatiquement. Vous pouvez prévisualiser chaque langue via le sélecteur de langue et corriger les formulations gênantes dans le éditeur visuel sur la page elle-même, ce qui est le moyen le plus rapide d'attraper une étiquette de bouton qui ne convient plus. Si une chaîne est trop longue pour votre conception, modifiez la traduction ou utilisez le glossaire afin qu'un court terme soit utilisé de manière cohérente.

Ce que ConveyThis ne fait pas, c'est choisir ou charger des polices pour vous. La pile de polices reste dans le CSS de votre thème. Les plans et les limites linguistiques sont sur le page de tarification, et ConveyThis prend en charge 210 langues, il vaut donc la peine de vérifier la couverture des polices avant d'ajouter un nouveau script.

FAQ

Quelle police prend en charge toutes les langues ? Aucun fichier de police ne le fait. La famille Noto de Google s'en rapproche le plus, avec une famille distincte par script conçue pour fonctionner ensemble.

Qu'est-ce que “tofu” dans les polices ? Le rectangle vide qu'un navigateur dessine lorsque la police n'a pas de glyphe pour un caractère. Le nom de Noto vient de “pas de tofu”.

Dois-je utiliser une police pour chaque langue ? Seulement s’il couvre véritablement chaque script que vous publiez. Sinon, utilisez la police de votre marque pour le texte latin et les solutions de secours correspondantes pour le reste.

Les polices multilingues ralentissent-elles mon site ? Ils le peuvent, en particulier les polices CJK. Chargez uniquement les poids que vous utilisez, conservez unicode-range sous-ensemble et utilisation font-display: swap donc le texte s'affiche pendant le chargement des polices.

Prêt à voir votre site dans une nouvelle langue, polices et tout ? Créer un compte ConveyThis et prévisualisez les traductions sur vos propres pages avant de les publier.