Police Cursive sous Joomla

[highjumper211]

J'ai bien suivi ton processus mais la police ne se met pas à jour..
J'ai oublié quelque chose peut être...

un grand merci

[daneel]

J'ai bien suivi ton processus mais la police ne se met pas à jour..
J'ai oublié quelque chose peut être...

Comme indiqué, le fichier user.css doit être dans le repertoire CSS de ton template.

media/templates/site/cassiopeia/[B][COLOR=#c0392b]css[/COLOR][/B]/user.css

et non en dehors....

m̶e̶d̶i̶a̶/̶t̶e̶m̶p̶l̶a̶t̶e̶s̶/̶s̶i̶t̶e̶/̶c̶a̶s̶s̶i̶o̶p̶e̶i̶a̶/̶u̶s̶e̶r̶.̶c̶s̶s̶

Note :

J'ai supprimé le https: dans le code url de l'import afin que la fonte puisse se charger en http ou en https.
Si tu veux cibler les titres de module, ce sont des balises titre h6 et non des classes css donc pas de point avant le H6

donc au final :

@import url('//fonts.cdnfonts.com/css/3dumb');
h6 {font-family: '3Dumb', sans-serif;}

[highjumper211]

Bonjour

J'ai bien mis le css là
'/media/templates/site/cassiopeia/css/user.css' dans le template 'cassiopeia'.

Mais il ne le prend pas en compte. J'avais créé un cassiopea enfant aussi.

j l'ai mis des deux cotés mais rien à faire..

Merci pour ton aide

[highjumper211]

oups pardon j'avais pas vu
Merci pour ton aide precieuse

belle journée

[highjumper211]

Je l'ai passé en h1. Il met du temps à le mettre en place. C'est normal ?

[highjumper211]

Il me le met bien en H6 mais pas en H1....

[daneel]

Je l'ai passé en h1. Il met du temps à le mettre en place. C'est normal ?

Pourquoi ? Quel élément est défini en H1 dans ton site ?

Mis à part dans la page contacts où ton nom est effectivement en h1 avec la police 3Dumb (cela se voit très bien!).



Apparemment tu n'as pas défini de balise titre h1 dans les autres pages.
donc tu ne risque pas de voir ta police sur la page d'accueil !

Pour info, tu as défini des H6 pour les titres de module et le titre du site est défini par une classe css qui se nomme .brand-logo
( les classes css se définissent dans la css avec un point, les balises titres sont H1, H2, H3, H4, H5 et H6, les id se définissent avec un # )

Quand tu applique un style css, tu dois indiquer un élément existant.

Tu peux retrouver ces éléments dans le code source de la page ou à travers l'inspecteur du navigateur (il apparaît quant tu appuie sur la touche F12 ou avec le bouton droit "inspecter")

exemple avec l'affichage de l'inspecteur...




Si tu veux utiliser la police sur le titre de ton site, sur les titres de module en h6, ton titre de la page contact en h1
Alors ajoute les selecteurs .brand-logo, h1, h6 dans ton fichier user.css sans oublier l'import url.

dans

/media/templates/site/cassiopeia/css/user.css

@import url('//fonts.cdnfonts.com/css/3dumb');
.brand-logo, h1, h6 {font-family: '3Dumb', sans-serif !important;}

ajoute !important pour surcharger par rapport aux styles existants.

[highjumper211]

je l ai bien mis ici
'/media/templates/site/cassiopeia/css/user.css'

[highjumper211]

La prise en compte est instantanée ou il faut attendre ?
J'ai modifié la ligne mais toujours pas ..

Désolé de vous déranger

merci pour votre aide

[highjumper211]

J ai bien compris le code mais la prise en compte ne se fait pas.

j'ai mis sur le template parent et enfant au cas ou mais rien n'y fait.

[daneel]

Bravo !

[highjumper211]

quand j'inspecte je vois les deux fonts
mais il me met toujours par defaut
font-family: "Roboto";

si je le décoche il prend bien l'autre font..

[highjumper211]

j'ai decoché puis rafraichit et la bizarre il me prend en compte.....

etrange...

[daneel]

etrange...

Normal ! Il n'y a rien d'étrange...

Comme l'indique Helloo
Ton navigateur a un cache.

il suffit de le vider en appuyant sur shift (maj) de ton clavier en même temps que tu clique sur l'icône "rafraîchir la page" de ton navigateur pour voir le résultat.

Tu peux aussi rafraîchir également le contenu du fichier css avant d'aller sur la page d'accueil : https://lestoilesdesylvie.art/media/...a/css/user.css

En css, on a surchargé le choix de fonte donc le fichier original conserve la fonte définie dans le template et user.css impose le changement avec le !important

c'est ok pour les explications ?

[highjumper211]

Ok merci beaucoup. Pour faire vaier la taille jutilise font-size en % ou en valeur ?