[RÉGLÉ] Police utilisée pour le nom du site

[jchermant]

Bonjour,
Je cherche depuis un moment à changer la police du nom du site. Je parle du nom que l'on indique dans le menu "Système-Configuration-Nom du site". Ce nom s'affiche au dessus de la position 1 du template Protostar.
Pouvez-vous m'indiquer le nom de la police utilisé et son chemin d'accès ?
Je vous remercie par avance de votre aide.
Jean Claude Hermant

[lomart]

Re : Police utilisée pour le nom du site

Bonjour,

Pouvez-vous m'indiquer le nom de la police utilisé et son chemin d'accès ?

La police utilisée pour un élément ne se change pas par une simple subtitution de fichier

Il faut utiliser Firebug ou un autre inspecteur de code pour identifier la classe appliquée au bloc dont on veut changer la police
Ensuite il faut créer une règle CSS pour indiquer une autre police

Exemple pour le bloc site-title de Protostar

.site-title {
font-family: "Courier",monospace;
}

voir cette page pour les polices standards : https://www.w3.org/Style/Examples/007/fonts.fr.html
si aucune police ne convient, il faudra utiliser une GoogleFont, mais c'est une autre histoire ...

[jchermant]

Re : Police utilisée pour le nom du site

Bonjour,

La police utilisée pour un élément ne se change pas par une simple subtitution de fichier

Il faut utiliser Firebug ou un autre inspecteur de code pour identifier la classe appliquée au bloc dont on veut changer la police
Ensuite il faut créer une règle CSS pour indiquer une autre police

Exemple pour le bloc site-title de Protostar

.site-title {
font-family: "Courier",monospace;
}

voir cette page pour les polices standards : https://www.w3.org/Style/Examples/007/fonts.fr.html
si aucune police ne convient, il faudra utiliser une GoogleFont, mais c'est une autre histoire ...

Merci beaucoup pour cette réponse qui explique le temps que j'ai passé à essayer de comprendre.
Ta réponse me laisse penser qu'il s'agit de la police "Courier" qui est utilisée pour l'affichage des noms de site.
Peux-tu me dire de quel fichier tu as tiré l'exemple ci dessus ? Si tu l'as effectivement tiré d'un fichier...

Si non, où se donne l'ordre d'utiliser cette police ?
Merci

[lomart]

Re : Police utilisée pour le nom du site

Si non, où se donne l'ordre d'utiliser cette police ?

Il suffit de relire ma réponse précédente

[lefabdu51]

Re : Police utilisée pour le nom du site

oh pas gentil ce coup la lomart.....

Regardes dans le fichier template.css de protostar

[lomart]

Re : Police utilisée pour le nom du site

Tu crois
avant de jouer avec les fichiers, il vaut mieux comprendre ce que l'on fait

[jchermant]

Re : Police utilisée pour le nom du site

Merci le fabdu51,
Je me préparai à mettre cette remarque : "avare de ses mots, sibyllin, sont-ce des qualités ? Ce forum est ouvert à tous y compris les novices alors soyez indulgent, modeste et puisque vous êtes bénévoles acceptez de vous mettre à leur hauteur".
J'ai bien sûr regardé dans ce fichier template.css, en utilisant notepad+ et en faisant une recherche de mot je n'ai pas trouvé d'où ma question. Je vais encore regarder sait-on jamais ?
Merci encore

[manu93fr]

Re : Police utilisée pour le nom du site

Bonjour,
Sinon, tu as aussi la possibilité de mettre un logo (une image quoi) et dans ce cas là ... c'est toi qui choisit ta police au moment de faire ce logo
Il me semble que c'est dans les paramètres du template pour la mise en place du logo

[jchermant]

Re : Police utilisée pour le nom du site

Merci manu93fr, je connais ce procédé, il a un inconvénient : l'image ne s'adapte pas aux différents écrans des visiteurs du site. C'est pour cette raison que je souhaiterais ne modifier que la police du nom de site.
JC

[lomart]

Re : Police utilisée pour le nom du site

C'est pour cette raison que je souhaiterais ne modifier que la police du nom de site.

Et c'est pour cela que je disais qu'il faut regarder le bloc concerné en indiquant la méthode.Le fait de savoir que c'est dans template.css n'aide pas si l'on n’indique pas la classe concernée et la méthode. Ce que j'ai fait dans ma première réponse.
Quand on me repose la même question, donc je réponds logiquement de relire ma réponse où je n'étais pas avare de mes mots.

J'ai bien sûr regardé dans ce fichier template.css, en utilisant notepad+ et en faisant une recherche de mot je n'ai pas trouvé d'où ma question. Je vais encore regarder sait-on jamais ?

La réponse est dans mon premier message, si on se donne la peine de le lire ...

[manu93fr]

Re : Police utilisée pour le nom du site

Merci manu93fr, je connais ce procédé, il a un inconvénient : l'image ne s'adapte pas aux différents écrans des visiteurs du site. C'est pour cette raison que je souhaiterais ne modifier que la police du nom de site.
JC

Ah bon .. si ton logo a une taille normal, je ne pense pas.


Sinon pour comprendre un peu mieux les fonts

http://www.alsacreations.com/article/lire/631-quelles-polices-pour-un-site-web.html

Comme te le precise Lomart, tu dois chercher la classe site-title dans ton fichier Css, tu devrai voir le font-family associé

[jchermant]

Re : Police utilisée pour le nom du site

Bonjour manu,
j'ai trouvé la police, il s'agit de "Source San Pro", je n'ai pas encore trouvé le fichier css qui contient cette classe "site-title". Je continue à chercher donc.

[lomart]

Re : Police utilisée pour le nom du site

j'ai trouvé la police, il s'agit de "Source San Pro"

Attention, cette police n'a pas de caractères accentués

je n'ai pas encore trouvé le fichier css qui contient cette classe "site-title".

Normal, elle n'existe pas. Il faut taper le code que j'ai fourni dans mon premier en remplacant la police par celle choisie. Dans le cas d'une Google font, c'est un peu plus compliqué. Il faut taper le code fourni ou se faire aider par une extension comme celle ci (que je ne connais pas) http://extensions.joomla.org/extensi...n/qlgooglefont

[jchermant]

Re : Police utilisée pour le nom du site [résolu]

Merci Lomart,
Je viens de trouver. J'ai placé le nom de la police que je voulais dans le fichier "index.php" qui se trouve sous le dossier "templates/protostar/"

en début de fichier il y a un bloc <head>
<style type="text/css">
h1,h2,h3,h4,h5,h6,.site-title{
font-family: "Lucida Calligraphy", '<?php echo str_replace('+', ' ', $this->params->get('googleFontName')); ?>', sans-serif;
}
</style>
et ça marche.
Je ferme cette discussion. Merci encore à Manu qui m'a beaucoup aidé