Problème d’affichage de la bonne police

Bonsoir à tous,

j’ai créé mon site en html5 et css3 que voici :

[www.lucie-bodin.fr]()

Sur écran de bureau, il s’affiche comme je veux, mais sur tablettes et mobiles, c’est la catastrophe, et ce pour plusieurs raisons !

Dans ce post, je souhaite aborder le problème d’affichage de police de texte.

Mon texte courant est en “Arial” et mes titres et boutons en “Arial Black”. L’Arial Black ne s’affiche pas sur les tablettes et mobiles, et laisse place à une police qui ressemble parfois à de la “Times”, parfois à de la “Verdana”. Ce qui rend un résultat bien moche !

Ce problème arrive sur tous les navigateurs.

Je ne comprends pas d’où vient le problème, alors que pour le texte en Arial, tout va bien !

Mon code, mis à chaque class et div correspondante :

font-family: arial black;

Merci de votre aide !