[Résolu] Problème accent sur apple

Bonjour j'ai un souci avec la police garage gothic.
La police ne s'affiche pas correctement pour les caractères accentués sur safari et iPhone.
https://ecoles.supdecreation.com

Auriez-vous un idée afin de résoudre ce problème ?

Merci par avance

bien cordialement

Laetitia

effectivement çà passe pas dans safari sur mac
dans FF et chrome c'est ok
bizarre

mais il y a à peu près 75000 erreurs dans le html

https://validator.w3.org/nu/?doc=https%3A%2F%2Fecoles.supdecreation.com%2F
Modifié par drphilgood (11 Apr 2023 - 17:38)

Bonjour,

1) Il semble que les fichiers de police .woff2 posent problème ici.

Dans les fichiers css où il y a des @font-face, on peut essayer à titre de test de ne garder dans le @font-face que les références au format .woff.

Par exemple :

@font-face {
	font-family: 'Garage';
	font-weight: 400;
	src: url('https://ecoles.supdecreation.com/app/uploads/sites/20/2023/02/AnyConv.com__Garage-Gothic-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Garage';
	font-weight: 700;
	src: url('https://ecoles.supdecreation.com/app/uploads/sites/20/2023/02/AnyConv.com__Garage-Gothic-Bold.woff') format('woff');
}

Attention, il semble qu'il y ait des @font-face dans plusieurs des fichiers css du site.

2) C'est le bazar total dans le code. Ça mériterait d'être simplifié.

Amicalement,
Modifié par parsimonhi (11 Apr 2023 - 20:10)

j'ai testé une page avec GarageGothic

ca fonctionne avec safari, FF, chrome sur Mac,
en woff1 et woff2, avec les accents.


Modifié par drphilgood (12 Apr 2023 - 10:14)

Bonjour,

Ce sont les fichiers .woff2 du site https://ecoles.supdecreation.com qui ne sont pas bons.

Il est possible que Chrome et Firefox s'en sortent sur https://ecoles.supdecreation.com parce que voyant que les .woff2 ne fonctionnaient pas pour les accents, ils ont été piocher dans les .woff, tandis que safari, voyant que les .woff2 ne fonctionnaient pas pour les accents, a utilisé .woff2 pour les caractères non-accentués et une autre police pour les caractères avec les accents (tout ça est à vérifier, mais ça expliquerait les résultats actuels).

On notera aussi que les fichiers .eot de https://ecoles.supdecreation.com sont actuellement les mêmes que les .woff2 (il n'y a que l'extension qui a été changé). Il semble donc qu'il y ait eu un problème sérieux de fabrication des fichiers de police.

Bref, il faut revoir la manière dont ces fichiers .woff2 et .eot ont été fabriqué.

Enfin, en 2023, on notera qu'on devrait pouvoir se contenter uniquement des .woff2 (correctement fabriqués) et se passer de tous les autres.

Amicalement,

Merci à vous pour vos réponses. Qu'est ce que vous utilisez comme outil de conversion ?
Merci
Laetitia

Merci c'est tout bon j'ai rechargé le fichier woff2 et cela fonctionne.
Un grand merci à vous !
Modifié par laetitiaconnect (12 Apr 2023 - 11:34)