Ouvrir une demande d'aide
Derniers sujets
» Création et édition d'articles impossibles
Ajouter une police Google Fonts EmptyJeu 30 Aoû 2018, 17:34 par Passiflore

» Blog Post missing
Ajouter une police Google Fonts EmptyMar 27 Fév 2018, 14:43 par Singleton

» impossible d'ouvrir les liens
Ajouter une police Google Fonts EmptyMer 31 Jan 2018, 23:58 par /dm61

» synchroniser forum et blog
Ajouter une police Google Fonts EmptyMar 30 Jan 2018, 03:22 par /dm61

» Statistiques
Ajouter une police Google Fonts EmptyLun 01 Jan 2018, 21:08 par Kiyomizu

» Centres d'intérêts
Ajouter une police Google Fonts EmptyDim 31 Déc 2017, 12:44 par Passiflore

» Les livres, une grande histoire d'amour ♥
Ajouter une police Google Fonts EmptyDim 31 Déc 2017, 12:42 par Passiflore

» Les motivations qui vous ont poussé à créer un blog ?
Ajouter une police Google Fonts EmptyDim 31 Déc 2017, 12:36 par Passiflore

» Présentation des membres
Ajouter une police Google Fonts EmptyLun 10 Avr 2017, 15:10 par Singleton

» Bonnes fêtes de fin d'année !
Ajouter une police Google Fonts EmptyJeu 05 Jan 2017, 03:22 par Derri

Les posteurs les plus actifs du mois

Qui est en ligne ?
Il y a en tout 5 utilisateurs en ligne :: 0 Enregistré, 0 Invisible et 5 Invités

Aucun

[ Voir toute la liste ]


Le record du nombre d'utilisateurs en ligne est de 183 le Mar 16 Juil 2013, 12:37

Ajouter une police Google Fonts

Aller en bas

Astuce Ajouter une police Google Fonts

Message par Singleton le Lun 08 Fév 2016, 18:53

Une nouvelle version de Google Fonts a été déployée depuis la rédaction de ce tutoriel. L'interface graphique n'est plus la même mais le fonctionnement est inchangé.

Ajouter une police Google Fonts


Nous allons voir dans ce tutoriel comment ajouter une police de Google Fonts à votre blog, afin d'apporter votre touche personnelle à la typographie.

Ajouter une police Google Fonts SJ6VlR6
Exemple avec Lobster Two

Récupérer le code d'intégration


Rendez-vous d'abord sur Google Fonts, et choisissez ensuite la police que vous voulez utiliser sur votre blog (ici nous prendrons Open Sans comme exemple).

Une fois que vous aurez choisi la police cliquez sur le bouton bleu "Add to collection"

Ajouter une police Google Fonts Ca8gHUl

Une boite s'ouvrira en bas de page avec le récapitulatif des polices choisies, cliquez ensuite sur "Use"

Ajouter une police Google Fonts VPkyp4U

Une nouvelle page va s'ouvrir où vous devrez choisir les épaisseurs de la police. Attention ! plus vous en ajoutez, plus la page sera longue à charger. Généralement, seules quatre épaisseurs suffisent.

Ajouter une police Google Fonts LkhZaEV

Après il faut choisir les extensions de langues. Si vous n'utilisez que le français et/ou l'anglais, vous n'avez rien besoin de cocher.

Ajouter une police Google Fonts AiVDGTi

Google Fonts va générer un code, copiez le (veillez à utiliser la version standard, celle par défaut)

Ajouter une police Google Fonts DEozOxD

Ajouter la police sur votre blog


Rendez vous sur votre blog puis dans:

Panneau d'administration Ajouter une police Google Fonts Arrow111 Multiblog Ajouter une police Google Fonts Arrow111 Général Ajouter une police Google Fonts Arrow111 Meta données

Où vous ajouterez le code précédemment obtenu dans Meta données ›› Balises supplémentaires:

Ajouter une police Google Fonts 0rMKwdN



Puis allez dans votre feuille de style CSS:

Panneau d'administration Ajouter une police Google Fonts Arrow111 Multiblog Ajouter une police Google Fonts Arrow111 Thème personnalisé Ajouter une police Google Fonts Arrow111 Edition experte
Ajouter une police Google Fonts XAbgcRY

Et ajoutez le code suivant, en remplaçant FontName par le nom de votre police (en utilisant Open Sans, on remplacera par Open Sans tout simplement Happy)

Code:
* {
font-family: 'FontName', sans-serif;
}

Voila ! plus qu'à enregistrer les modifications et votre police sera utilisée partout sur votre blog !

Cette astuce a été rédigée par le Staff du Forum des blogs,
Et en particulier par Singleton.

Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.


Cordialement, Ajouter une police Google Fonts Couronne


Ajouter une police Google Fonts W7TjFfkAjouter une police Google Fonts JwdDVpjAjouter une police Google Fonts CKSP0zB
Singleton
Singleton
Adminblog
Adminblog

Masculin
Messages : 1551

http://forum.forumactif.com/u134151

Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum