Police externe

J'ai déjà abordé ce sujet mais une question m'a été posée, qui m'a obligé à revoir ma copie.

Ce que j'avais proposé était un article rédigé avec une police Google Fonts, qui fournit un code  à mettre dans le css  et le nom de la police pour le paragraphe: il est important de placer les liens vers les polices  (@import et @font-face) en première ligne de la partie CSS de votre article.

<p id="gg">Le texte</p>

<style>

@import 'https://fonts.googleapis.com/css?family=Pacifico';

#gg{font-family: 'Pacifico', cursive; font-size:30pt;}

</style>

ce qui donne:

Le texte

On peut donc modifier la police pour chaque paragraphe ou avoir cette police pour tout l'article.

D'autres sites nécessitent de télécharger le fichier pour l'héberger sur votre blog:

http://www.1001fonts.fr/  vous fournit un dossier TTF, à héberger dans vos fichiers Ekla pour en récupérer l'adresse.

http://www.dafont.com/fr/  vous fournit un fichier zip, à décompresser pour récupérer et héberger le dossier TTF

Ce fichier est à héberger dans vos fichiers Ekla (onglet Contenu/gérer les fichiers) ou sans doute dans une galerie (?), à en récupérer l'adresse et de la placer dans une ligne de code CSS:

@font-face {
font-family: 'Gabrielle';
src: url('http://ekladata.com/ojitK9RqHnW6UIWYNrXsjA9DWlI/Gabrielle.ttf');}

Pour publier un paragraphe de la même façon:

<p id="gh"> Gabrielle</p>

<style>

@font-face {
font-family: 'Gabrielle';
src: url('http://ekladata.com/ojitK9RqHnW6UIWYNrXsjA9DWlI/Gabrielle.ttf');}

#gh{font-family: 'Gabrielle'; font-size:40pt;}

</style>

ce qui donne:

Gabrielle

La question qui m'a été posée concernait la police du blog entier: il faut donc intervenir dans le CSS du blog et détermine quelle partie doit avoir quelle police en sachant que, peut-être, le visiteur ne la verra pas (?)

Chaque partie de nos blogs est identifiée par un "sélecteur", qui nous permet d'agir sur une partie précise: le titre des articles, le contenu des articles, le texte des commentaires....

Vous trouvez une liste des sélecteurs: ICI et Là.

Ainsi, sur mon blog, j'ai affecté la police Gabrielle au texte des commentaires en ajoutant, au CSS du blog (onglet Apparence/modifier le thème/Ajouter du CSS):

@font-face {
font-family: 'Gabrielle';
src: url('http://ekladata.com/ojitK9RqHnW6UIWYNrXsjA9DWlI/Gabrielle.ttf');}

.comment_normal{font-family: 'Gabrielle'; font-size: 30px;}

 Vous pouvez me dire si vous voyez cette police ou non mais moi, je la vois ! C'est sans doute l'inconvénient de cette façon de faire: à vérifier.

Néanmoins, et ce n'est que mon avis, pouvoir changer ou non de police, en fonction des articles, me semble plus attrayant qu'une police fixe, aussi belle soit elle.

Avec Google fonts, pas de téléchargement à faire mais héberger un petit fichier de quelques ko, sur les autres sites, ce n'est pas une difficulté.