Police arabe site web : polices libres à héberger vous-même

Ce qui compte pour une police arabe sur le web

• Le poids des fichiers : chaque graisse statique est un fichier à télécharger, et une police arabe pèse souvent plus qu'une police latine. Un fichier variable couvre toute une plage de graisses en un seul téléchargement.
• La lisibilité en petite taille : menus, boutons et formulaires s'affichent en petit corps. Regular et Medium y tiennent mieux que les graisses les plus fines.
• Le latin intégré : une interface arabe affiche aussi des noms de marque, des adresses électroniques et des chiffres. Une famille qui contient les deux écritures évite les décalages.
• La licence : lisez le texte fourni avec chaque famille. La plupart sont sous OFL ; Droid Arabic Kufi et Droid Arabic Naskh relèvent d’Apache 2.0. Ces licences permettent l’intégration au site et l’hébergement sur votre serveur, selon leurs conditions.

Quelle police choisir pour votre site ?

Pour l'interface, partez d'une sans empattement. Tajawal propose sept graisses, d'ExtraLight à Black, pour un site vitrine ou une boutique. Almarai se limite à quatre graisses : moins de fichiers à charger pour un site d'association. IBM Plex Sans Arabic se prête aux interfaces et à la documentation, surtout avec IBM Plex en latin.

Les fichiers variables réduisent le nombre de téléchargements. Noto Sans Arabic règle la graisse de 100 à 900, ainsi que la largeur. Cairo, d'inspiration coufique, va de 200 à 1000 et règle aussi l'inclinaison.

Pour des articles longs, le lecteur arabophone attend souvent un naskhi. Noto Naskh Arabic couvre aussi le persan et l'ourdou, dans un fichier variable de 400 à 700.

Comparez-les avec les autres polices arabes sans empattement et polices naskhi.

Intégrer la police à votre site

• Le ZIP contient les fichiers TTF originaux, statiques ou variables. Convertissez ceux que vous gardez en WOFF2, un format compressé que lisent les navigateurs actuels.
• Déclarez la langue et le sens sur la balise html, avec les attributs lang et dir (valeurs ar et rtl).
• Avec font-display réglé sur swap, le texte s'affiche dans une police de secours pendant le chargement.
• Découpez l'arabe et le latin en sous-ensembles déclarés avec unicode-range : le navigateur ne télécharge que les fichiers utiles.
• Écrivez la mise en page en propriétés logiques, comme margin-inline-start : elle suit le sens de lecture.
• Gardez le fichier de licence à côté des polices sur le serveur.

Votre site est bilingue ? Voyez les polices arabes et latines. Pour les vidéos de vos pages, consultez les polices arabes pour la vidéo. Le guide pour choisir une police arabe propose une méthode de comparaison en cinq étapes.