Aller au contenu

[Problème] CSS3 @font-face

Featured Replies

Posté(e)

Bonjour,

Ca doit faire au moins un mois et demi que je lis le livre du site du zéro sur le HTML5/CSS3 et j'en suis au chapitre 14. TP : Création d'un site pas à pas. Au début de la page 186. On nous demande mettre une nouvelle police. J'ai donc mis dans notepad++ (sachant qu'il est en langage css):

@font-face

{

font-family: 'BallparkWeiner';

src: url('ballpark.eot');

src: url('ballpark.eot?#iefix') format ('embedded-opentype')

url('ballpark.woff') format ('woff'),

url('ballpark.tff') format ('truetype'),

url('ballpark.svg#BallparkWeiner') format('svg');

font-weight: normal;

font-style: normal;

}

Voilà mon problème. Le "font-family: 'BallparkWeiner';" est en couleur sur mon notepad++ mais pas le "src: url('ballpark.eot');" et le format('..').

J'ai réactualisé ma page et rien n'a changé. Alors pourquoi mon "src : url('...')" n'est pas pris en compte sur mon notepad++ (version : 6.2.1) ? Si ce n'est pas un problèe de couleur. Alors qu'est-ce que c'est ?

Je vous remercie par avance, vos futures réponses.

Cordialement,

Zakira

Posté(e)

Perso pas de soucis de mon côté sur le code couleur. De toute façon ce code est juste, les couleurs c'est simplement pour la lisibilité ^^

Posté(e)
  • Auteur

Bonne Année et Bonne Santé à tous le monde ! =)

C'est bizarre ... Si le code est bon. Alors qu'est-ce que c'est à votre avis ?

J'ai installé le "ttf" (True Type) et logiquement ça devrait marcher, non ?

Posté(e)

Je ne sais pas si notepad++ proteste pour ça, mais j'ai pu voir qu'il manquait une virgule à la fin de la ligne :

src: url('ballpark.eot?#iefix') format ('embedded-opentype')

Tu as aussi également mis un espace entre certains "format" et la parenthèse qui suit, ce qui est a priori interdit par la RFC

http://www.w3.org/TR...fonts/#src-desc

https://developer.mo.../CSS/@font-face

Sinon, j'utilise personnellement IDEA en développement Web. Il est remarquable pour l'édition des CSS !

  • 2 semaines après...
Posté(e)

Je ne sais pas si notepad++ proteste pour ça, mais j'ai pu voir qu'il manquait une virgule à la fin de la ligne :

src: url('ballpark.eot?#iefix') format ('embedded-opentype')

Tu as aussi également mis un espace entre certains "format" et la parenthèse qui suit, ce qui est a priori interdit par la RFC

http://www.w3.org/TR...fonts/#src-desc

https://developer.mo.../CSS/@font-face

Sinon, j'utilise personnellement IDEA en développement Web. Il est remarquable pour l'édition des CSS !

et le ccs2 n'accepte que les ; et pas , pour fermer une ligne de style, le css3 est-il plus souple? car je vois bien les ; mais je vois aussi sur url des ,

url('ballpark.woff') format ('woff'),

url('ballpark.tff') format ('truetype'),

Modifié par djstool

Posté(e)
  • Auteur

Bonsoir,

Excusez-moi de répondre tardivement ^^'

J'ai trouvé la solution. En fait, j'ai juste fait une déclaration dans le css. Je n'ai pas du tout affecter une police dans une balise(s) c'est pour ça ^^'

Excusez-moi encore ^^'

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.