28106 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

J'ai un site multilingue accessible via les Urls suivantes:
http://www.tahitiislandstravel.com/ pour l'anglais et http://www.tahitiislandstravel.com/fr/ pour le français.

Dans une feuille de style, je charge des polices de cette manière:

@font-face {
    font-family: "titleThin";
    src: url("fonts_client/SukhumvitSetThin.eot");
    src: url("fonts_client/SukhumvitSetThin.eot") format("embedded-opentype"),
    url("fonts_client/SukhumvitSetThin.woff2") format("woff2"),
    url("fonts_client/SukhumvitSetThin.woff") format("woff"),
    url("fonts_client/SukhumvitSetThin.ttf") format("truetype"),
    url("fonts_client/SukhumvitSetThin.svg#SukhumvitSetText") format("svg");
}


En anglais, il n'y a aucun problème, mais en français, la console de FF (idem avec Chrome) me dit que le fichier de la police "http://www.tahitiislandstravel.com/fr/fonts_client/SukhumvitSetThin.woff2" n'existe pas (404 - not found).
Ma feuille de style se trouve au niveau du dossier "fonts_client", mon chemin est relatif, donc je ne comprend pas pouruquoi, il va chercher le fichier avec "/fr" de la langue.
J'ai essayé diverses technique (faire débuter le chemin par "/" ou "..", etc..), mais rien ne marche.

Auriez vous une ébauche de début de solutions ou m'aiguiller dans mes recherches.

Merci pour votre aide

Marco

PS: le site est en ligne est fonctionne, si vous voulez tester en réel.
Bonjour,

Le "/fr/" dans l'URL pose problème : quand tu regardes l'URL de la police qui retourne une 404, tu verras le "/fr/", or le chemin vers le fichier de police n'en contient pas.

Tu peux mettre le chemin absolu vers le fichier, afin de ne plus être gêné :
url("http://www.tahitiislandstravel.com/client/skins/defaut/fonts_client/SukhumvitSetThin.woff2") format("woff2"),


Il y a sûrement d'autres solutions, mais celle-ci a le mérite d'être simple et rapide à mettre en place Smiley smile
Bonjour Ten,

Merci pour ta réponse.

Je comprend que c'est parce qu'il y a une différence de profondeur dans l'arborescence entre les 2 langues mais je ne m'explique par pourquoi alors que j'indique un chemin relatif.
....
BINGO !!!!
En écrivant ma réponse, j'ai pensé à la balise <base> dans le header de mes pages.
J'y mettais l'url "racine" avec la langue. J'ai enlevé la langue et la lumière fut !!
Bon, maintenant je vais vérifier quelles incidences aura cette modification.
Mais en tout cas, ca résout ce probleme.

Moralité: Faut pas toujours mettre la langue Smiley biggrin

Merci à tous et à toutes

Marco
Oh très bien vu ! Effectivement <base> est généralement une bonne idée mais a tout de même beaucoup d'incidences Smiley smile

Merci d'avoir partagé la réponse Smiley smile