Bonjour,
Il y a quand même quelques petits détails à peaufiner. Parfois, dans la propriété font-family, tu mets "Paper Flowers" (avec des guillemets et un espace), parfois tu mets "PaperFlowers" (avec des guillemets sans espace), et parfois tu mets Paper Flowers sans guillemets.
1) quand il y a un espace dans le nom de la font utilisé dans la propriété font-family, il faut mettre les guillemets (par exemple "Paper Flowers"). Sinon, ça peut ne marcher que par chance.
2) le nom de la police dans la propriété font-family que tu utilises dans tes feuilles de style (par exemple pour ton <h2> de la page d'accueil) doit être identique à la valeur de la propriété font-family que tu définies dans l'instruction @font-face. Donc si dans le @font-face, tu mets :
font-family: "Paper Flowers";
... quand tu styles tes <h2>, tu dois aussi mettre :
font-family: "Paper Flowers";
(donc avec un espace et des guillemets)
3) je ne sais pas quels fichiers de la police tu as mis sur ton site. Selon moi, au risque de me répéter, tu pourrais te contenter de PaperFlowers.ttf. Et dans ton custom.css, tu pourrais te contenter de :
@font-face {
font-family: "Paper Flowers";
src: url("PaperFlowers.ttf") format("truetype");
}
à la place de
@font-face {
font-family: 'Paper Flowers';
src: url('../fonts/Paper Flowers.eot');
src: url('../fonts/Paper Flowers.eot?#iefix') format('embedded-opentype'),
url('../fonts/Paper Flowers.woff2') format('woff2'),
url('../fonts/Paper Flowers.woff') format('woff'),
url('../fonts/Paper Flowers.ttf') format('truetype'),
url('../fonts/Paper Flowers.svg#Paper Flowers') format('svg');
font-weight: normal;
font-style: normal;
}
Il n'est pas utile dans le @font-face de laisser les lignes pour eot, woff, etc. si tu n'as pas les fichiers "PaperFlowers.eot", "PaperFlowers.woff", etc. dans ton dossier "fonts".
Retire l'espace dans le nom du fichier de la font (si tu le laisses, ça ne peut t'attirer que des ennuis) :
PaperFlowers.ttf
Par contre, tu peux laisser l'espace dans le nom de la police utilisé comme valeur de la propriété font-family.
Et évidemment, partout ailleurs, il faudra utiliser :
font-family: "Paper Flowers";
(avec des guillements simples ou doubles, et un espace dans le nom, si tu en a mis un dans le @font-face.
4) Il est possible que sur certaines machines avec lesquelles tu as testée, la police "Paper Flowers" était déjà "installée". Du coup, pour ces machines, la police pouvait s'afficher correctement même si ton @font-face était erroné.
Amicalement,
