Ouvrir une demande d'aide
Derniers sujets
» Visites de l'admin
Mer 22 Nov 2017, 21:08 par Singleton

» Présentation des membres
Lun 10 Avr 2017, 15:10 par Singleton

» Bonnes fêtes de fin d'année !
Jeu 05 Jan 2017, 03:22 par Derri

» Changements dans le Staff
Dim 30 Oct 2016, 22:46 par Kiyomizu

» Sur les moteurs de recherche
Mar 30 Aoû 2016, 14:03 par Alicia Hopeful

» Date d’un article sur un blog
Lun 27 Juin 2016, 19:50 par Gérard du 07

» achat de crédits défectueux
Mer 11 Mai 2016, 12:33 par Nicoape

» Intégration d'un sondage sur le blog
Mer 27 Avr 2016, 20:40 par Nicoape

» Articles apparaissant dans la partie module
Mer 27 Avr 2016, 11:06 par Nicoape

» (#2105): Problème d'affichage des commentaires
Sam 16 Avr 2016, 19:34 par Singleton

Les posteurs les plus actifs du mois
Singleton
 
Passiflore
 

Qui est en ligne ?
Il y a en tout 12 utilisateurs en ligne :: 0 Enregistré, 0 Invisible et 12 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

Voir le sujet précédent Voir le sujet suivant 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.


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"


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


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.


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.


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


Ajouter la police sur votre blog


Rendez vous sur votre blog puis dans:

Panneau d'administration Multiblog Général Meta données

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




Puis allez dans votre feuille de style CSS:

Panneau d'administration Multiblog Thème personnalisé Edition experte

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,


avatar
Singleton
Adminblog
Adminblog

Masculin
Messages : 1541

http://forum.forumactif.com/u134151

Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

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