[Problème] CSS3 @font-face

[Zakira]

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

[Invité]

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é ^^

[Zakira]

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 ?

[trevisev]

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 !

[djstool]

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'),

[Zakira]

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 ^^'