demande aide avec [at] font-face

[tiphaine]

Bonjour,
Suite à la création de mon site (http://www.tiphainebuccino.com) j'ai des soucis pour faire marcher la fonction  [at] font-face.

J'aurai aussi voulu que quelqu'un jette un œil à mon code source pour que je puisse le rendre meilleur.

Je vous met mon css de  [at] font-face:

[at] charset "UTF-8";
/* CSS Document */

[at] font-face {
font-family:"Walkway Bold";
src:url(ressources/Walkway Bold) format("truetype");
}
Merci.

[FrancoisC]

Je n'ai pas encore utilisé de  [at] font-face et ça m'intéresse bien. J'avais trouvé la ressource suivante sur le sujet : http://spyrestudios.com/21-awesome-font-face-embedable-typefaces/

Pour ton cas, au premier regard ta déclaration à l'air correcte mais j'ai un gros doute quand à l'utilisation du caractère espace dans les URLs comme tu le fais
src:url(ressources/Walkway Bold) format("truetype");
En outre ton url n'a pas l'air de référencer un fichier true type car je vois pas l'extension .ttf
Ce serait la première chose que je vérifierais à ta place.

[Cedric_g]

Bonjour

Pour que la balise Fontface fonctionne, il faut la rendre si possible "cross browser" (en français : compatible avec tous les navigateurs) ; cela sous-entend d'avoir les 4 principaux types de fichier de police de caractère représentant la même fonte.

LA ressource ultime en la matière (in english) : http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/

J'utilise cette technique pour de nombreux sites, mais attention toutefois à ne pas utiliser de polices trop complexes (genre polices manuscrites très "tordues") car ça marche moyen sur certains navigateurs, surtout au niveau de l'anti-crénelage...

[tiphaine]

Oui j'ai bien suivi cette méthode là. Aujourd'hui le font-face marche sur la petite moitié du site (sur IE et firefox du moins)
Je me suis rendu compte que le css devait être sur la page html. ça ne marchait pas quand c'était sur le feuillet css.

Mon problème maintenant c'est les quelques pages récalcitrantes. Je ne comprend pas tout parce que le code est le même (à peut prés) sur toutes les pages.

Autre souci, je me suis rendu compte que mon site comprenais des liens relatifs et des liens absolus; ce n'est pas grave de mélanger les deux ?

[Cedric_g]

Pour les liens, aucune importance (disons que j'ai tendance à mettre des liens absolus quand je code "en dur", mais bon c'est un choix personnel)

Pour tes soucis de fontface à mon avis c'est un problème de chemin d'accès / répertoire. Sur ta page "Vases" (qui utilise une feuille de style spécifique) il te faut virer la font-family lignes 18 et 56 du fichier CSS (ou alors y remettre 'WalkwaySemiBoldRegular')

[tiphaine]

Merci pour les erreurs de code dans le css. Après j'ai re-regardé les chemins d'accès; c'était bien ça. Maintenant j'ai la font que je voulais sous Firefox. Il faut que je regarde avec d'autres navigateurs.