REMARQUE ! Ce site utilise des cookies et autres technologies similaires.

En naviguant sur notre site, vous acceptez que des cookies soient utilisés pour vous proposer des contenus et services adaptés à vos centres d’intérêts En savoir plus

J'ai compris

Politique en matière de cookies

Que sont les cookies ?

Un cookie est un petit fichier contenant du texte qu'un site web sauvegarde sur votre ordinateur ou votre appareil mobile lorsque vous visitez ce site. Les cookies sont largement utilisés pour faire fonctionner les sites web, ou pour les faire fonctionner plus efficacement, ainsi que pour fournir des informations aux propriétaires du site.

Comment utilisons-nous les cookies ?

Ce site utilise Google Analytics, un service d'analyse du web fourni par Google, Inc. (ci-après "Google") qui nous aide à analyser l'usage qui est fait de ce site. À cette fin, Google Analytics utilise des cookies, qui sont des fichiers textes placés sur votre ordinateur. Les informations générées par les cookies concernant votre utilisation des sites – informations types concernant l'accès à l'internet (y compris votre adresse IP) et votre comportement de visiteur analysées de manière anonyme – sont transmises à Google, qui les stocke, y compris sur des serveurs installés aux États-Unis. Avant de stocker les informations transmises, Google les rendra anonymes en supprimant le dernier octet de votre adresse IP. Les conditions d'utilisation de Google Analytics précisent que Google utilise ces informations pour évaluer l'usage que vous faites des sites et générer des rapports sur l'activité des sites.

Ce site n'utilise pas ni n'autorise aucun tiers à utiliser l'outil d'analyse statistique pour repérer ou recueillir des informations personnelles de visiteurs de ces sites qui seraient identifiables. Google peut transférer les informations recueillies par Google Analytics à des tiers lorsque la loi l'exige ou lorsque ces tiers traitent les informations pour le compte de Google. Les conditions d'utilisation de Google Analytics précisent que Google n'établit pas de lien entre votre adresse IP et d'autres données détenues par Google. Vous pouvez refuser l'utilisation des cookies de Google Analytics en téléchargeant et en installant le module complémentaire du navigateur pour la désactivation de Google Analytics. Ce module indique au fichier JavaScript Google Analytics (ga.js) que les informations concernant la visite d'un site ne doivent pas être envoyées à Google Analytics.

Les cookies sont également utilisés pour déterminer si vous avez accepté (ou non) que nous utilisions des cookies sur ce site, de façon à ce que la question ne vous soit pas posée à chaque fois que vous le consultez.

Comment gérer les cookies ?

Vous pouvez gérer et effacer des cookies comme vous le souhaitez; pour plus d'informations à ce sujet, consultez le site www.allaboutcookies.org. Vous pouvez effacer tous les cookies déjà enregistrés sur votre ordinateur et vous pouvez configurer la plupart des navigateurs pour empêcher l'enregistrement des cookies.

Gestion des cookies dans votre navigateur

La plupart des navigateurs vous permettent:

  • de consulter les cookies qui ont été créés et de les effacer individuellement;
  • de bloquer les cookies créés par des tiers;
  • de bloquer les cookies créés par certains sites;
  • de bloquer tous les cookies, quelle que soit leur origine;
  • d'effacer tous les cookies lorsque vous fermez votre navigateur.

Si vous décidez d'effacer vos cookies, soyez conscient que toutes les préférences que vous avez éventuellement paramétrées seront perdues. En outre, si vous bloquez tous les cookies, de nombreux sites web (dont celui-ci) ne fonctionneront plus correctement. C'est pourquoi il n'est pas recommandé de bloquer les cookies lorsque vous naviguez ici.

L'Education numérique avec Tice-Education

  • word    
  • writer
  •   excel  
  • calc
  • powerpoint
  • impress
  • chrome 
  • firefox
  • safari
  • ie-10-logo
  • ipad 
  • el capitan logo
  • macosx
  • Windows 10
  • linux
  • nexus4
  • android
  • tbi
  • pdf
  • archive black zip 128
  • scratch
  • langage
  • 01010101
  • scratch algo
  • sublimetext ecran
  • cardboard box blue 128
  • robots 
  • Imprimante 3D 
  • car 
  • videoprojecteur 

Internet - web 2.0 - Cloud

Google Web Fonts : intégrez des polices de caractères dans un site Web

le .

toutpublic  Google Web Fonts : intégrez des polices de caractères dans un site Web

googlewebfonts logo Nous savons combien il est difficile d'embellir un site avec de jolies polices sans passer par des images. L'API Google Web Fonts est une application en ligne qui permet aux développeurs d'insérer facilement dans leur site web des polices proposées à partir du catalogue "Google Web Fonts". Google Web Fonts propose plus de 270 polices de caractères via une interface permettant de visualiser rapidement les rendus des polices.


Comment ça marche ?

L'interface propose un système de recherche parmis des centaines de polices ainsi  qu'un filtre qui s'appuie sur :

  • Le type de police : avec empattement (serif) sans empattement (sans serif) manuscrites (handwritting)
  • L'épaisseur
  • Le jeu de caractère (latin ou non latin)
  • L'enrichissement (gras italique,etc...)

 On choisit ensuite une police dans la bibliothèque disponible en ligne, l'application vous retourne un code HTML et CSS qu'il faudra ensuite insérer dans sa page web (modèle, template)  afin de voir apparaître de belles polices sur vos pages web.

Principales étapes :

1) Parcourez, via les filtres décrit plus haut, la bibliothèque de polices, choisissez votre font, puis cliquez sur "Add to collection" (on peut en choisir plusieurs).

 

googlewebfonts ecran

 

 2) En cliquant sur "Review" vous avez un aperçu des polices sélectionées.

google webfonts choose

3) Cliquez ensuite sur "Use", l'application génère un code (sous trois formes différentes).  Copiez  dans la balise  <head> de votre page html (template, modèle) le code généré :

googlewebfonts import

4) Dans votre feuille CSS, ajouter le styles aux éléments auxquels vous souhaitez aplliquer cette police :

 

Exemple :
font-family: 'Salsa', cursive;
font-family: 'Amatic SC', cursive;

 

 Google vous propose aussi un aperçu de l'impact sur le temps de chargement de vos pages via un cadran :google web fonts impact

 

 

 

 

Vos pages web sont maintenant personnalisées avec de jolies polices et ne perdent rien de leur optimisation pour le Web ! 

Plus d'informations ici : http://www.google.com/webfonts

 

 

Tags: caractères polices site web Google Web Fonts API

Pour écrire un commentaire, se connecter :
- Les messages injurieux, agressifs, grossiers, les critiques non argumentées et les attaques personnelles seront supprimées sans préavis et leurs auteurs bloqués.
- Le langage SMS est banni, les messages publicitaires, liens commerciaux sont interdits.
Merci de faire un effort de rédaction...
Cordialement
L'équipe Tice-Education