PluXml.org

Blog ou CMS à l'Xml

Vous n'êtes pas identifié(e).

#1 13/02/2018 19:22:04

Framboisier
Membre
Inscription : 25/01/2018
Messages : 15

[résolu] Changer les fontes des titres

Bonjour,
je veux changer la fonte des titres de mes articles comme indiqué dans le tuto http://pluxopolis.net/article27/donnez- … itres#form.
Pourtant je n'y arrive pas, qqchose coïnce qqpart, mais où?  Comme je sèche depuis pas mal d'heures déjà là-dessus, je viens demander votre aide.
J'ai d'abord essayé KaushanScript de chez Fontsquirrel, sous tous les angles, et comme ça ne passait pas, j'ai essayé avec desyrelregular comme dans le tuto, mais y veut toujours pas, sauf la nouvelle couleur qui passe très bien...
Voilà mon thème.css modifié:


/* ---------- Main ---------- */

@font-face {
    font-family: 'desyrelregular';
    src: url(../fonts/'desyrel-webfont.woff2') format('woff2'),
         url(../fonts/'desyrel-webfont.woff') format('woff');
         url(../fonts/'desyrel.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.main {


.....et.....


.article header h2 a {
    font-family: 'desyrelregular';
    color: #68a9ed;
}
.article header h2 a:hover {
    font-family: 'desyrelregular';
    color: #258fd6;
    text-decoration: none;
}


et voici mes fichiers fontes:
mon dossier defaut fontes
grjMPbBJXV8C.png


NB: - j'ai aussi essayé avec le chemin écrit sous la forme:    url(fonts/'desyrel...
       - mon navigateur = Firefox

Voyez-vous mon erreur? Pouvez-vous m'orienter vers la solution? Merci d'avance pour votre attention.

Dernière modification par Framboisier (14/02/2018 00:00:37)

Hors ligne

#2 13/02/2018 20:48:34

Gzyg
Membre
Inscription : 25/09/2006
Messages : 870
Site Web

Re : [résolu] Changer les fontes des titres

Salut,

Remplace le point-virgule après ('woff') par une virgule.


à plus,

Gzyg

Dernière modification par Gzyg (13/02/2018 20:49:01)

Hors ligne

#3 13/02/2018 22:33:10

Framboisier
Membre
Inscription : 25/01/2018
Messages : 15

Re : [résolu] Changer les fontes des titres

Bonjour Gzyg,

j'ai corrigé et rafraîchi la page en vidant le cache mais rien n'a bougé,
verrais-tu autre chose ?

Hors ligne

#4 13/02/2018 23:29:42

Gzyg
Membre
Inscription : 25/09/2006
Messages : 870
Site Web

Re : [résolu] Changer les fontes des titres

Oui. smile

En fait, ce sont tes url de police qui sont mal formées (les apostrophes sont mal placées).

Essaie comme ceci :

[== Indéfini ==]
@font-face {
    font-family: 'desyrelregular';
    src: url('../fonts/desyrel-webfont.woff2') format('woff2'),
         url('../fonts/desyrel-webfont.woff') format('woff');
         url('../fonts/desyrel.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

De plus :

Seul le format woff est vraiment nécessaire (le woff2 n'est pas encore lu par tous le navigateurs et le truetype est fait pour les très anciens, style ie7, ie8) ;

Tu DOIS ajouter une famille de police générique correspondant à ta fonte embarquée dans tes règles CSS (serif, sans-serif ou monospace).
Par exemple : font-family: 'desyrel', sans-serif;

Aussi, il est inutile de répéter la règle font-family pour le a:hover puisque c'est la même police que a.


à plus,

Gzyg

Dernière modification par Gzyg (13/02/2018 23:31:23)

Hors ligne

#5 13/02/2018 23:59:46

Framboisier
Membre
Inscription : 25/01/2018
Messages : 15

Re : [résolu] Changer les fontes des titres

!!!!!     YESSSSSSS     !!!!!

Dans le mille, Gzyg, merci infiniment !

! un aussi petit détail (deux avec le point-virgule), et tout est bouleversé !  Merci de l'avoir repéré.
aux yeux du profane que je suis, c'est dingue !  Première leçon de css donc...
Et ça change radicalement la tronche de ma page. Parfait, ça me donne des ailes pour la suite ! smile

Hors ligne

Pied de page des forums

A propos Nous soutenir Contact Twitter Google+
Copyright © 2006-2018 PluXml.org, tous droits réservés