28128 sujets

CSS et mise en forme, CSS3

Modérateur
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é. Smiley cligne

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.

upload/1681287210-47649-capturedaeacran2023-04-12aa10.png
Modifié par drphilgood (12 Apr 2023 - 10:14)
Modérateur
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 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)