[Résolu] Déclaration CSS : message d'erreur

Bonjour,

Je souhaite installer de nouvelles fontes Font Squirrel sur mon site.

Dans mon thème (Wordpress) j'ai créé un dossier "webfont" contenant mes nouvelles fontes ainsi que la feuille de style appropriée "stylesheet.css"

Dans ma page header.php, j'ai donc déclaré le chemin de ma nouvelle feuille de style :
<link rel="stylesheet" href="webfont/stylesheet.css" type="text/css" charset="utf-8" />

Mais après avoir tout exporté, je contrôle ma page web depuis Chrome > Options pour les développeurs > Console et l'erreur suivante s'affiche :

"Refused to apply style from 'https://www.monsite.com/stylesheet.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled."

J'ai testé en supprimant le premier "/" de mon lien soit "href="webfont/stylesheet.css"" mais le message d'erreur est toujours présent.
Modifié par goudurisc (19 Mar 2019 - 02:01)

Salut,

ouvre directement ton fichier dans ton navigateur https://www.monsite.com/stylesheet.css pour voir si cela fonctionne. Sinon c'est probablement que ton chemin est incorrect.

Merci pour ton retour mais effectivement, si je saisis l'URL qui est a priori le bon, je tombe sur une page 404.

La page css devrai s'afficher dans le navigateur ?

Mon lien :
https://www.monsite.com/wp-content/themes/mon-theme/webfont/stylesheet.css

Cela dit, si je tente d'afficher ma page de css principale https://www.monsite.com/wp-content/themes/mon-theme/styles.css, ça ne fonctionne pas mieux.

Oui, ta css devrait s'afficher dans ton navigateur.

C'est parce que tu as une 404 et donc que du code html de renvoyé au lieu de ta css que tu as cette erreur.

Donc soit corriger l'url de ton fichier soit vérifier que celui-ci est bien accessible en lecture.

Un grand Merci pour ton insistance !!! Parce qu'en fait mon chemin théorique était bon si ce n'est que mon site est dans un sous dossier, et ce sous-dossier doit être inclus dans l'URL.

En effet, mon site est bien entendu redirigé pour ne pas afficher ce sous-dossier, d'où ce petit bug technique

Du coup, j'ai utilisé l'URL absolu pour parvenir à ma page css

Il vaut mieux éviter les chemins relatifs, en effet, pour éviter ce genre de soucis.