ⴰaⴱB

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890&.,?!@()#$%*+-=:;

10	ⴰⴱⴲⴳⴴⴵⴶⴷⴸⴹⴺⴻⴼⴽⴾⴿⵀⵁⵂⵃⵄⵅⵆⵇⵈⵉⵊⵋⵌⵍⵎⵏⵐⵑⵒⵓⵔⵕⵖⵗⵘⵙⵚⵛⵜⵝⵞⵟⵠⵡⵢⵣⵤⵥⴽⵯ⵰ ⴱ‍ⵜⴳ‍ⵯⴼ‍ⵜⴵ‍ⵜ
11	ⴰⴱⴲⴳⴴⴵⴶⴷⴸⴹⴺⴻⴼⴽⴾⴿⵀⵁⵂⵃⵄⵅⵆⵇⵈⵉⵊⵋⵌⵍⵎⵏⵐⵑⵒⵓⵔⵕⵖⵗⵘⵙⵚⵛⵜⵝⵞⵟⵠⵡⵢⵣⵤⵥⴽⵯ⵰ ⴱ‍ⵜⴳ‍ⵯⴼ‍ⵜⴵ‍ⵜ
12	ⴰⴱⴲⴳⴴⴵⴶⴷⴸⴹⴺⴻⴼⴽⴾⴿⵀⵁⵂⵃⵄⵅⵆⵇⵈⵉⵊⵋⵌⵍⵎⵏⵐⵑⵒⵓⵔⵕⵖⵗⵘⵙⵚⵛⵜⵝⵞⵟⵠⵡⵢⵣⵤⵥⴽⵯ⵰ ⴱ‍ⵜⴳ‍ⵯⴼ‍ⵜⴵ‍ⵜ
13	ⴰⴱⴲⴳⴴⴵⴶⴷⴸⴹⴺⴻⴼⴽⴾⴿⵀⵁⵂⵃⵄⵅⵆⵇⵈⵉⵊⵋⵌⵍⵎⵏⵐⵑⵒⵓⵔⵕⵖⵗⵘⵙⵚⵛⵜⵝⵞⵟⵠⵡⵢⵣⵤⵥⴽⵯ⵰ ⴱ‍ⵜⴳ‍ⵯⴼ‍ⵜⴵ‍ⵜ
14	ⴰⴱⴲⴳⴴⴵⴶⴷⴸⴹⴺⴻⴼⴽⴾⴿⵀⵁⵂⵃⵄⵅⵆⵇⵈⵉⵊⵋⵌⵍⵎⵏⵐⵑⵒⵓⵔⵕⵖⵗⵘⵙⵚⵛⵜⵝⵞⵟⵠⵡⵢⵣⵤⵥⴽⵯ⵰ ⴱ‍ⵜⴳ‍ⵯⴼ‍ⵜⴵ‍ⵜ
16	ⴰⴱⴲⴳⴴⴵⴶⴷⴸⴹⴺⴻⴼⴽⴾⴿⵀⵁⵂⵃⵄⵅⵆⵇⵈⵉⵊⵋⵌⵍⵎⵏⵐⵑⵒⵓⵔⵕⵖⵗⵘⵙⵚⵛⵜⵝⵞⵟⵠⵡⵢⵣⵤⵥⴽⵯ⵰ ⴱ‍ⵜⴳ‍ⵯⴼ‍ⵜⴵ‍ⵜ
18	ⴰⴱⴲⴳⴴⴵⴶⴷⴸⴹⴺⴻⴼⴽⴾⴿⵀⵁⵂⵃⵄⵅⵆⵇⵈⵉⵊⵋⵌⵍⵎⵏⵐⵑⵒⵓⵔⵕⵖⵗⵘⵙⵚⵛⵜⵝⵞⵟⵠⵡⵢⵣⵤⵥⴽⵯ⵰ ⴱ‍ⵜⴳ‍ⵯⴼ‍ⵜⴵ‍ⵜ
20	ⴰⴱⴲⴳⴴⴵⴶⴷⴸⴹⴺⴻⴼⴽⴾⴿⵀⵁⵂⵃⵄⵅⵆⵇⵈⵉⵊⵋⵌⵍⵎⵏⵐⵑⵒⵓⵔⵕⵖⵗⵘⵙⵚⵛⵜⵝⵞⵟⵠⵡⵢⵣⵤⵥⴽⵯ⵰ ⴱ‍ⵜⴳ‍ⵯⴼ‍ⵜⴵ‍ⵜ
24	ⴰⴱⴲⴳⴴⴵⴶⴷⴸⴹⴺⴻⴼⴽⴾⴿⵀⵁⵂⵃⵄⵅⵆⵇⵈⵉⵊⵋⵌⵍⵎⵏⵐⵑⵒⵓⵔⵕⵖⵗⵘⵙⵚⵛⵜⵝⵞⵟⵠⵡⵢⵣⵤⵥⴽⵯ⵰ ⴱ‍ⵜⴳ‍ⵯⴼ‍ⵜⴵ‍ⵜ
30	ⴰⴱⴲⴳⴴⴵⴶⴷⴸⴹⴺⴻⴼⴽⴾⴿⵀⵁⵂⵃⵄⵅⵆⵇⵈⵉⵊⵋⵌⵍⵎⵏⵐⵑⵒⵓⵔⵕⵖⵗⵘⵙⵚⵛⵜⵝⵞⵟⵠⵡⵢⵣⵤⵥⴽⵯ⵰ ⴱ‍ⵜⴳ‍ⵯⴼ‍ⵜⴵ‍ⵜ
36	ⴰⴱⴲⴳⴴⴵⴶⴷⴸⴹⴺⴻⴼⴽⴾⴿⵀⵁⵂⵃⵄⵅⵆⵇⵈⵉⵊⵋⵌⵍⵎⵏⵐⵑⵒⵓⵔⵕⵖⵗⵘⵙⵚⵛⵜⵝⵞⵟⵠⵡⵢⵣⵤⵥⴽⵯ⵰ ⴱ‍ⵜⴳ‍ⵯⴼ‍ⵜⴵ‍ⵜ
48	ⴰⴱⴲⴳⴴⴵⴶⴷⴸⴹⴺⴻⴼⴽⴾⴿⵀⵁⵂⵃⵄⵅⵆⵇⵈⵉⵊⵋⵌⵍⵎⵏⵐⵑⵒⵓⵔⵕⵖⵗⵘⵙⵚⵛⵜⵝⵞⵟⵠⵡⵢⵣⵤⵥⴽⵯ⵰ ⴱ‍ⵜⴳ‍ⵯⴼ‍ⵜⴵ‍ⵜ
60	ⴰⴱⴲⴳⴴⴵⴶⴷⴸⴹⴺⴻⴼⴽⴾⴿⵀⵁⵂⵃⵄⵅⵆⵇⵈⵉⵊⵋⵌⵍⵎⵏⵐⵑⵒⵓⵔⵕⵖⵗⵘⵙⵚⵛⵜⵝⵞⵟⵠⵡⵢⵣⵤⵥⴽⵯ⵰ ⴱ‍ⵜⴳ‍ⵯⴼ‍ⵜⴵ‍ⵜ
72	ⴰⴱⴲⴳⴴⴵⴶⴷⴸⴹⴺⴻⴼⴽⴾⴿⵀⵁⵂⵃⵄⵅⵆⵇⵈⵉⵊⵋⵌⵍⵎⵏⵐⵑⵒⵓⵔⵕⵖⵗⵘⵙⵚⵛⵜⵝⵞⵟⵠⵡⵢⵣⵤⵥⴽⵯ⵰ ⴱ‍ⵜⴳ‍ⵯⴼ‍ⵜⴵ‍ⵜ
90	ⴰⴱⴲⴳⴴⴵⴶⴷⴸⴹⴺⴻⴼⴽⴾⴿⵀⵁⵂⵃⵄⵅⵆⵇⵈⵉⵊⵋⵌⵍⵎⵏⵐⵑⵒⵓⵔⵕⵖⵗⵘⵙⵚⵛⵜⵝⵞⵟⵠⵡⵢⵣⵤⵥⴽⵯ⵰ ⴱ‍ⵜⴳ‍ⵯⴼ‍ⵜⴵ‍ⵜ

body

body

CorpsHapax Berbere Regular

CorpsArial

CorpsVerdana

CorpsGeorgia

10.ⵙ ⵡⴰⵡⴰⵍ ⴳⵔⵉ ⵉⴷⵙ, ⵙⵙⵏⵖ ⵢⴰⵜ ⵜⵖⴰⵡⵙⴰ ⵜⵉⵙⵙ ⵙⵏⴰⵜ ⵉⵅⴰⵜⵔⵏ: ⵉⵜⵔⵉ ⵙⴳ ⴷⴷ ⵉⴷⴷⴰ ⵓⵔ ⵉⵎⵇⵇⵓⵔ, ⵉⵍⵍⴰ ⵖⴰⵙ ⴰⵏⵛⵜ ⵏ ⵢⴰⵜ ⵜⴰⴷⴷⴰⵔⵜ ! Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

11.ⵙ ⵡⴰⵡⴰⵍ ⴳⵔⵉ ⵉⴷⵙ, ⵙⵙⵏⵖ ⵢⴰⵜ ⵜⵖⴰⵡⵙⴰ ⵜⵉⵙⵙ ⵙⵏⴰⵜ ⵉⵅⴰⵜⵔⵏ: ⵉⵜⵔⵉ ⵙⴳ ⴷⴷ ⵉⴷⴷⴰ ⵓⵔ ⵉⵎⵇⵇⵓⵔ, ⵉⵍⵍⴰ ⵖⴰⵙ ⴰⵏⵛⵜ ⵏ ⵢⴰⵜ ⵜⴰⴷⴷⴰⵔⵜ ! Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

12.ⵙ ⵡⴰⵡⴰⵍ ⴳⵔⵉ ⵉⴷⵙ, ⵙⵙⵏⵖ ⵢⴰⵜ ⵜⵖⴰⵡⵙⴰ ⵜⵉⵙⵙ ⵙⵏⴰⵜ ⵉⵅⴰⵜⵔⵏ: ⵉⵜⵔⵉ ⵙⴳ ⴷⴷ ⵉⴷⴷⴰ ⵓⵔ ⵉⵎⵇⵇⵓⵔ, ⵉⵍⵍⴰ ⵖⴰⵙ ⴰⵏⵛⵜ ⵏ ⵢⴰⵜ ⵜⴰⴷⴷⴰⵔⵜ ! Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

13.ⵙ ⵡⴰⵡⴰⵍ ⴳⵔⵉ ⵉⴷⵙ, ⵙⵙⵏⵖ ⵢⴰⵜ ⵜⵖⴰⵡⵙⴰ ⵜⵉⵙⵙ ⵙⵏⴰⵜ ⵉⵅⴰⵜⵔⵏ: ⵉⵜⵔⵉ ⵙⴳ ⴷⴷ ⵉⴷⴷⴰ ⵓⵔ ⵉⵎⵇⵇⵓⵔ, ⵉⵍⵍⴰ ⵖⴰⵙ ⴰⵏⵛⵜ ⵏ ⵢⴰⵜ ⵜⴰⴷⴷⴰⵔⵜ ! Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

14.ⵙ ⵡⴰⵡⴰⵍ ⴳⵔⵉ ⵉⴷⵙ, ⵙⵙⵏⵖ ⵢⴰⵜ ⵜⵖⴰⵡⵙⴰ ⵜⵉⵙⵙ ⵙⵏⴰⵜ ⵉⵅⴰⵜⵔⵏ: ⵉⵜⵔⵉ ⵙⴳ ⴷⴷ ⵉⴷⴷⴰ ⵓⵔ ⵉⵎⵇⵇⵓⵔ, ⵉⵍⵍⴰ ⵖⴰⵙ ⴰⵏⵛⵜ ⵏ ⵢⴰⵜ ⵜⴰⴷⴷⴰⵔⵜ ! Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

16.ⵙ ⵡⴰⵡⴰⵍ ⴳⵔⵉ ⵉⴷⵙ, ⵙⵙⵏⵖ ⵢⴰⵜ ⵜⵖⴰⵡⵙⴰ ⵜⵉⵙⵙ ⵙⵏⴰⵜ ⵉⵅⴰⵜⵔⵏ: ⵉⵜⵔⵉ ⵙⴳ ⴷⴷ ⵉⴷⴷⴰ ⵓⵔ ⵉⵎⵇⵇⵓⵔ, ⵉⵍⵍⴰ ⵖⴰⵙ ⴰⵏⵛⵜ ⵏ ⵢⴰⵜ ⵜⴰⴷⴷⴰⵔⵜ ! Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

18.ⵙ ⵡⴰⵡⴰⵍ ⴳⵔⵉ ⵉⴷⵙ, ⵙⵙⵏⵖ ⵢⴰⵜ ⵜⵖⴰⵡⵙⴰ ⵜⵉⵙⵙ ⵙⵏⴰⵜ ⵉⵅⴰⵜⵔⵏ: ⵉⵜⵔⵉ ⵙⴳ ⴷⴷ ⵉⴷⴷⴰ ⵓⵔ ⵉⵎⵇⵇⵓⵔ, ⵉⵍⵍⴰ ⵖⴰⵙ ⴰⵏⵛⵜ ⵏ ⵢⴰⵜ ⵜⴰⴷⴷⴰⵔⵜ ! Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

20.ⵙ ⵡⴰⵡⴰⵍ ⴳⵔⵉ ⵉⴷⵙ, ⵙⵙⵏⵖ ⵢⴰⵜ ⵜⵖⴰⵡⵙⴰ ⵜⵉⵙⵙ ⵙⵏⴰⵜ ⵉⵅⴰⵜⵔⵏ: ⵉⵜⵔⵉ ⵙⴳ ⴷⴷ ⵉⴷⴷⴰ ⵓⵔ ⵉⵎⵇⵇⵓⵔ, ⵉⵍⵍⴰ ⵖⴰⵙ ⴰⵏⵛⵜ ⵏ ⵢⴰⵜ ⵜⴰⴷⴷⴰⵔⵜ ! Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

24.ⵙ ⵡⴰⵡⴰⵍ ⴳⵔⵉ ⵉⴷⵙ, ⵙⵙⵏⵖ ⵢⴰⵜ ⵜⵖⴰⵡⵙⴰ ⵜⵉⵙⵙ ⵙⵏⴰⵜ ⵉⵅⴰⵜⵔⵏ: ⵉⵜⵔⵉ ⵙⴳ ⴷⴷ ⵉⴷⴷⴰ ⵓⵔ ⵉⵎⵇⵇⵓⵔ, ⵉⵍⵍⴰ ⵖⴰⵙ ⴰⵏⵛⵜ ⵏ ⵢⴰⵜ ⵜⴰⴷⴷⴰⵔⵜ ! Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

30.ⵙ ⵡⴰⵡⴰⵍ ⴳⵔⵉ ⵉⴷⵙ, ⵙⵙⵏⵖ ⵢⴰⵜ ⵜⵖⴰⵡⵙⴰ ⵜⵉⵙⵙ ⵙⵏⴰⵜ ⵉⵅⴰⵜⵔⵏ: ⵉⵜⵔⵉ ⵙⴳ ⴷⴷ ⵉⴷⴷⴰ ⵓⵔ ⵉⵎⵇⵇⵓⵔ, ⵉⵍⵍⴰ ⵖⴰⵙ ⴰⵏⵛⵜ ⵏ ⵢⴰⵜ ⵜⴰⴷⴷⴰⵔⵜ ! Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

Prise en charge linguistique

La police Hapax Berbere Regular a été allégée : de nombreux glyphes tifinaghs considérés comme rares ont été supprimés dans cette version. On peut télécharger la police Hapax Berbère complète ici (TTF, 314 Ko). Le jeu partiel de la police allégée prend en charge les langues suivantes :

Albanais, allemand, amazighe, anglais, berbère, danois, espagnol, féroïen, français, islandais, italien, malgache, néerlandais, norvégien, suédois, touareg et tamachek.

Grille des œils (glyphes)

Le jeu partiel d'Hapax Berbere Regular comprend tous les glyphes ci-dessous (certains représentent des espaces et n'ont donc pas d'œil). L'appel de caractère correspondant à chaque caractère est indiqué en format hexadécimal dans la partie supérieure de chaque cellule afin de vous aider à insérer ces caractères au besoin (notamment en l'absence d'un clavier tifinagh). Les caractères de la zone à usage privé ( à ) ne devraient pas être utilisés. Il s'agit de glyphes qui correspondent le plus souvent à plusieurs caractères Unicode, c'est ainsi que le glyphe  correspond à la suite de caractères Unicode suivante <ⴱ‍ⵜ>, c'est-à-dire YAB + LIANT SANS CHASSE + YAT. Il s'agit d'une biconsonne.

(

)

;

[

]

{

}

ჭ

ᵭ

ᵲ

ᵴ

ᵵ

ᵶ

Ḇ

ḇ

Ḍ

ḍ

Ḏ

ḏ

Ḡ

ḡ

Ḥ

ḥ

Ḫ

ḫ

Ḵ

ḵ

Ṅ

ṅ

Ṛ

ṛ

Ṡ

ṡ

Ṣ

ṣ

Ṭ

ṭ

Ṯ

ṯ

Ẓ

ẓ

‌

‍



‎

‏

‐

‑

‒

–

—

―

‖

‗

‘

’

‚

‛

“

”

„

‟

†

‡

•

‣

․

‥

…

‧

‰

‱

€

℃

№

™

ⴰ

ⴱ

ⴲ

ⴳ

ⴴ

ⴵ

ⴶ

ⴷ

ⴸ

ⴹ

ⴺ

ⴻ

ⴼ

ⴽ

ⴾ

ⴿ

ⵀ

ⵁ

ⵂ

ⵃ

ⵄ

ⵅ

ⵆ

ⵇ

ⵈ

ⵉ

ⵊ

ⵋ

ⵌ

ⵍ

ⵎ

ⵏ

ⵐ

ⵑ

ⵒ

ⵓ

ⵔ

ⵕ

ⵖ

ⵗ

ⵘ

ⵙ

ⵚ

ⵛ

ⵜ

ⵝ

ⵞ

ⵟ

ⵠ

ⵡ

ⵢ

ⵣ

ⵤ

ⵥ

ⵯ

⵰

⵿

































ﬀ

ﬁ

ﬂ

ﬃ

ﬄ

ﬅ

ﬆ

Installer la police Internet Hapax Berbère

Tous les principaux navigateurs Internet prennent en charge des polices Web, mais pour l'instant de manière souvent différente. C'est pourquoi nous vous proposons la police Hapax Berbère (allégée) en plusieurs formats afin de couvrir les principaux fureteurs Internet. Quatre formats de police sont disponibles : TTF, WOFF, EOT et SVG.

1. Télécharger Hapax Berbère pour Internet

Dans un premier temps, téléchargez la police Hapax sous ses quatre formats (hapaxber-allégé-webfont.zip). Dézippez les polices et placez-le dans un répertoire. Le code fourni ci-dessous assume que les polices sont présentes dans le même répertoire que vos feuilles de style CSS.

2. Définir la police dans CSS

Vous devez ensuite définir la police Hapax Berbère dans CSS à l'aide d'une déclaration @font-face. C'est ce que fait le code ci-dessous. Il définit cette même police dans une déclaration que les principaux navigateurs comprendront. Si les polices ne sont pas stockées dans le même répertoire que le code CSS, n'oubliez pas de changer les url() pour y indiquer l'URL qui correspond à leur position.

@font-face {
	font-family: 'HapaxBerbereRegular';
	src: url('hapaxber-sousensemble-webfont.eot');
	src: local('Hapax Berbere'), local('HapaxBerbere'),
	     url('hapaxber-sousensemble-webfont.woff') format('woff'),
	     url('hapaxber-sousensemble-webfont.ttf') format('truetype'),
   	     url('hapaxber-sousensemble-webfont.svg#webfontzhBDbDo7') format('svg');
	font-weight: normal;
	font-style: normal;
}

3. Modifier vos feuilles de style CSS

Pour employer la police dans des documents HTML, il vous reste à préciser en CSS quand l'utiliser. Le code ci-dessous précise que les paragraphes (<p>) devront d'abord utiliser la police HapaxBerbereRegular, puis si des glyphes manquent alors utiliser la police Arial et enfin, par défaut, toute police sans empattements.

p {font-family: 'HapaxBerbereRegular', Arial, sans-serif;}

Voici à quoi ressemble un texte mixte (tifinagh-latin) stylé de la sorte :

ⵙ ⵡⴰⵡⴰⵍ ⴳⵔⵉ ⵉⴷⵙ, ⵙⵙⵏⵖ ⵢⴰⵜ ⵜⵖⴰⵡⵙⴰ ⵜⵉⵙⵙ ⵙⵏⴰⵜ ⵉⵅⴰⵜⵔⵏ: ⵉⵜⵔⵉ ⵙⴳ ⴷⴷ ⵉⴷⴷⴰ ⵓⵔ ⵉⵎⵇⵇⵓⵔ, ⵉⵍⵍⴰ ⵖⴰⵙ ⴰⵏⵛⵜ ⵏ ⵢⴰⵜ ⵜⴰⴷⴷⴰⵔⵜ ! Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

On remarque que tous les glyphes proviennent de la police Hapax Berbère. Si, par contre, on donne la priorité à la police Arial et à la police sans empattements par défaut en utilisant cette définition :

p {font-family: Arial, sans-serif, 'HapaxBerbereRegular';}

on obtient le texte ci-dessous :

ⵙ ⵡⴰⵡⴰⵍ ⴳⵔⵉ ⵉⴷⵙ, ⵙⵙⵏⵖ ⵢⴰⵜ ⵜⵖⴰⵡⵙⴰ ⵜⵉⵙⵙ ⵙⵏⴰⵜ ⵉⵅⴰⵜⵔⵏ: ⵉⵜⵔⵉ ⵙⴳ ⴷⴷ ⵉⴷⴷⴰ ⵓⵔ ⵉⵎⵇⵇⵓⵔ, ⵉⵍⵍⴰ ⵖⴰⵙ ⴰⵏⵛⵜ ⵏ ⵢⴰⵜ ⵜⴰⴷⴷⴰⵔⵜ ! Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

dont les lettres latines (et la ponctuation) sont de type Arial ou sans empattements.

4. Tester

Il vous reste à vous assurer que la police fonctionne sur les navigateurs que vous désirez prendre en charge. Dans le cas où la police Hapax Berbère n'apparaît pas correctement, nous vous fournissons quelques trucs de dépannage dans le cadre ci-contre.

Dépannage
Problèmes de Font-Face

Vous éprouvez des difficultés avec la police Hapax Berbère pour internet ? Voici quelques trucs qui devraient vous permettre de découvrir la source du problème.

Je vois des rectangles plutôt que des tifinaghs

Plusieurs causes sont possibles. Les polices internet ne sont pas peut-être pas correctement chargées, le chemin dans l'url du @font-face pourrait être incorrect, avez-vous ajouté HapaxBerbereRegular comme font-family pour l'élément où apparaissent ces rectangles ? Enfin, si tout semble correct à ce niveau et que le problème persiste, consultez le fichier de configuration .htaccess sur le serveur et assurez-vous que vos requêtes ne sont pas interceptées.

La police ne se charge pas sur l'iPhone ou l'iPad

Le problème le plus fréquent ici est lié au fait que les polices sont hébergées sur un serveur IIS. Ce serveur refuse d'envoyer des fichiers dont le type MIME est inconnu. Si c'est le cas, vous devez indiquer dans la configuration du serveur que le type MIME pour les SVG est "image/svg+xml". Suivre les instructions de Microsoft si vous avez besoin d'assistance.

La police ne se charge pas avec Firefox

La principale raison dans ce cas est le fait que vous utilisez une version de Firefox antérieure à 3.5. Mettez à jour celui-ci. Si ce n'est pas le cas, c'est probablement parce que vos polices se trouvent sur un domaine différent des pages HTML. Firefox impose par défaut que toutes les polices internet résident sur le même domaine que les pages qui les incluent (on peut cependant permettre explicitement le chargement interdomaine). Enfin, il est possible, si vous utilisez un serveur IIS, que vous deviez ajouter le type "WOFF" à la liste des types MIME.

La police ne se charge pas dans IE

Utilisez-vous Internet Explorer sur une véritable machine Windows ou utilisez-vous un service comme Adobe BrowserLab ? De nombreux services de « capture d'écran » ne prennent pas en charge @font-face sur IE. Mieux vaut tester sur une machine Windows véritable.

La police ne se charge pas avec IE9

IE9, tout comme Firefox, impose que les polices soient hébergées dans le même domaine que les pages qui y font référence. Assurez-vous que ce soit le cas.