Google Web Fonts

le Jeudi 26 Janvier 2012 I 11 Commentaires

Google Web Fonts
Envie de neuf ? Avec Google Web Fonts, vous pouvez désormais piocher dans des centaines de polices pour personnaliser votre site !

Google Web Fonts, c'est un répertoire de polices de caractères proposées et maintenues par Google. Pour utliser ces polices, Google met à disposition des API. Nous nous sommes plongés dans le code et nous avons imaginé une superbe interface pour vous permettre d'utliser ces polices facilement. Vous allez voir, c'est enfantin.

1. Choisissez vos polices

Avant de pouvoir utiliser une Google Font, il est nécessaire de la charger dans votre site. Pour cela, rendez dans le nouveau menu Design > Paramètres généraux > Google Fonts.

Cette page vous permet de consulter les polices disponibles. Au moment où j'écris cette note, il y en a 458 !! Et ce nombre va progresser, vous vous en doutez.

Cliquez sur la police que vous souhaitez utiliser. Celle-ci sera alors enregistrée dans la liste Polices ajoutées. Vous pouvez enregistrer au maximum 3 Google Fonts pour votre site.
Google Web Fonts

2. Utilisez les nouvelles polices dans vos modules

Une fois les Google Fonts enregistrées, vous allez pouvoir les utiliser normalement, comme vous avez l'habitude de le faire avec les polices par défaut.

Au niveau des modules, lorsque vous éditez une police, vos Google Fonts sont regroupées dans le menu déroulant comme sur la copie d'écran ci-dessous.

Notez que les Google Fonts fonctionnent également dans le quick design ;)
Google Web Fonts

Voilà, rien de bien compliqué pour un résultat sans commune mesure !

Grâce à Google Web Fonts, vous allez pouvoir donner un look & feel diabolique à votre site. Lors des permiers tests que nous avons effectués, j'ai été vraiment frappé de voir combien une belle police change radicalement le design d'une page. Je me suis amusé à appliquer les Google Fonts à nos maquettes par défaut, et cela n'avais plus rien voir. Mêmes les plus démodées étaient sympas.

A votre tour de tester de votre coté. N'oubliez pas qu'il existe un mode brouillon pour faire vos essais, si vous ne souhaitez pas faire vos modifications directement en production.


Jerome Granados
Jérôme s'occupe de la promotion de WMaker. Il accompagne les prospects dans la découverte de la... En savoir plus sur cet auteur


Vos commentaires

1.Posté par girard le 26/01/2012 13:02 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Bravo, une fois de plus !

2.Posté par Olivier Oudon le 26/01/2012 15:18 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Facebook

3.Posté par ccubestef le 26/01/2012 16:31 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Je n'ai pas "Google Fonts" dans la rubrique Parametres generaux ...

4.Posté par Jerome Granados le 26/01/2012 16:57 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
@ ccubestef avez-vous vidé vos caches ?

5.Posté par ccubestef le 26/01/2012 16:59 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
C'est fait et ça fonctionne !! super ! merci ;)

6.Posté par ccubestef le 26/01/2012 18:13 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Dommage que l'on ne peut mettre que 3 polices :(

7.Posté par bruno le 26/01/2012 20:16 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
super super, tres belle surprise

8.Posté par Gérald FPG le 27/01/2012 08:48 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Encore un plus du tonnerre pour notre cms favoris et plein de possibilités s'offrent à nous désormais pour la personnalisation des sites !
Merci qui ?
Merci wmaker (Ils sont quand même forts ces Corses !! ;-)

9.Posté par Loïc le 13/02/2012 20:34 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
C’est vraiment un grand pas en avant! Mais je vois sur le site de Google que certaines polices existent en de nombreuses variations de graisses, ou en italiques. Est-ce qu’on peut / pourra profiter de tout ça?

10.Posté par jerome le 20/02/2012 19:38 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
moi j'adore

11.Posté par Jaason le 12/12/2012 19:55 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Bonjour,
Comment peut-on utiliser toute la famille d'une police google fonts ?
Merci d'avance

12.Posté par Grâce Thomas le 08/02/2013 19:28 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Est-il possible d'utiliser des polices personnelles, téléchargées sur Dafont par exemple ?

Nouveau commentaire :
Facebook Twitter