• Skip to primary navigation
  • Skip to content
  • Skip to footer

DES GEEKS ET DES LETTRES

Blog depuis 2009

  • Facebook
  • Flickr
  • Instagram
  • Pinterest 
  • Flux RSS
  • Twitter

Navigation privée sur internet

VPN et navigation privée sur internet

  • Notre Blog
  • Comment utiliser un VPN
  • Aspirer les éléments d’un site
  • Un VPN c’est quoi ?
Le Vpn n°1 français

Google Fonts : Rendre le Web plus beau !

Vous êtes ici: Des Geeks et des lettres / Programmation / Google Fonts : Rendre le Web plus beau !

20 mai 2010 3 Comments

Présentation

Il existe depuis les spécifications CSS2 une propriété permettant d’appliquer une police d’écriture hébergée sur un serveur local ou distant. Cette propriété est @font-face, et s’applique par le biais de feuille de style.

Ce besoin est destiné aux web designers soucieux d’utiliser une typographie personnalisée, ne dépendant d’aucune fonts installées sur le poste de l’internaute, puisées au sein de son système d’exploitation.
Cette pratique a été boudé car d’un simple coup d’oeil sur le fichier CSS, la police pouvait être télécharger et utiliser sans se soucier d’une quelconque licence d’utilisation.

© http://i.msdn.microsoft.com
© http://i.msdn.microsoft.com

Solution

L’utilisation de polices d’écriture libres de droit permet de résoudre ce boudage et le consortium du W3C en rajoute une couche en travaillant sur le format WOFF (Web Open Font Format) qui regroupe différents types de polices compressées (TrueType (TTF), OpenType, et Open Font Format), très bonne idée.

Google se penche aussi sur le sujet et vient de révéler un répertoire “on the cloud” de polices open source (libres de droit), accessible par n’importe quel développeur en rajoutant une simple ligne de code au sein de sa feuille de style et de l’entête de sa page :

– Code à placer dans la balise <head>

1
&lt;link href='http://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet' type='text/css'&gt;

– Code à insérer dans votre feuille de style

1
h1 { font-family: 'Cantarell', arial, serif; }
© http://www.google.com
© http://www.google.com

A savoir

  • Un fichier de font fait en général entre 50 ko et 200 ko, son chargement au sein des pages de votre site n’est donc pas anodin car il coûte en temps d’affichage. Une police de caractères étant souvent composée de plusieurs fichiers de font, imaginez le poids que cela représente.
  • Les polices “standards” utilisées actuellement sont optimisées pour le rendu à l’écran quelque soit le système d’exploitation et le type de lissage utilisé, la propriété @font-face ne garantit pas du tout ce résultat si la police utilisée n’est pas optimisée.
  • Google prétend que les polices mises à disposition dans son répertoire de fonts sont optimisées, même pour l’ancêtre des navigateurs populaires Internet Explorer 6. Il prétend même qu’elles prennent en charge les options de style de CSS3 (rotation, ombrages…).
© http://www.google.com
© http://www.google.com

Category iconProgrammation Tag iconbeau,  css,  font,  font-face,  google,  woff

Auteur – Mallory LEBEL

Mallory Lebel a été écrivain de romans avant de devenir entrepreneur web. Sa passion est l'écriture sur internet, quant à ses sujets ils vont de la confidentialité online au contrôle parental. Il est également le fondateur de Untelephone.com.


Utilisez notre moteur de recherche


Sur Des Geeks et des lettres nous vous conseillons les 2 VPN suivants :
  • d’une part parce qu’ils ne conservent pas du tout vos données de connexion
  • d’autre part parce qu’ils cryptent et sécurisent votre connexion en même temps qu’ils vous rendent anonymes
Flèche double bas
→ Le Vpn Français
→ Nord Vpn

Lisez aussi

Mon adresse ip

Pour bien connaître son adresse ip

Un ordinateur dehors

Plugins et extensions favorables ou destructeurs de mon anonymat en ligne

Reader Interactions

Comments

  1. Commentaire :

    20 mai 2010 at 22 h 11 min

    Well, article diggué 🙂

    Répondre
  2. Commentaire :

    21 mai 2010 at 9 h 33 min

    Des jeux de caractères libres et légers vont pouvoir apparaître et nos sites Web vont prendre un coup de neuf !

    Répondre
  3. Commentaire :

    29 juillet 2010 at 23 h 42 min

    Article intéressant : Google fonts, tests de lisibilité.

    Répondre

Laisser un commentaire Annuler la réponse

Nous vous conseillons Le Vpn n°1 français

Pour garantir votre confidentialité, assurez-vous d'avoir un VPN qui ne stocke pas les journaux en ligne. L'utilisation d'un service VPN sans journalisation devrait d'ailleurs être un must-have. Il vous protégera contre une surveillance gouvernementale et empêchera votre fournisseur d'accès Internet de connaître votre activité en ligne.

Sans aucune journalisation

Footer

Des Geeks et des lettres

Liberté sur internet

https://desgeeksetdeslettres.com/

Blog depuis 2009

Rechercher dans nos articles :

Pages utiles

  • Accueil
  • Contact
  • Blog
  • Mentions légales
  • Plan du site
  • Rubriques

A la une

  • Hide my ass
  • NordVpn
  • Hoxx Vpn
  • VPN Gate
  • VPN Opera
  • Thunder Vpn

Les auteurs

Présentation des auteurs

Newsletter

Les articles de notre blog directement dans votre messagerie.

  • Facebook
  • Flickr
  • Instagram
  • Pinterest 
  • Flux RSS
  • Twitter

Copyright © 2019 Des Geeks et des lettres Blog depuis 2009 Return to top