Le Web a sa propre typographie

Sommaire
cuy copyleft
  See You Why?  

 


          Retour au sommaire
Sommaire (00)
        Retour au sommaire
À chaque média ses contraintes... (01)

LA TYPOGRAPHIE du WEB

Sommaire

 
 
1 À chaque média, ses contraintes...
2 Gen�se et performances du HTML
3 Les ressources typographiques du HTML
4 Le r�le du syst�me informatique
5 Les feuilles de style
6 Le format PDF et son usage
7 C�dons � la mode : Flash !
8 Conclusion
R�sum� Plan d�taill�
 
 

 

R�sum�

Les contraintes auxquelles est soumise la reproduction du texte sont tr�s diff�rentes lorsqu'on l'imprime ou lorsqu'on l'affiche sur l'�cran du moniteur d'un ordinateur. Nous aborderons dans le chapitre 1, quelques précisions techniques telle la résolution de l'écran, sa taille, sa définition.

 

Dans ce même chapitre 1, nous montrerons qu'Internet (la toile, le web) rajoute ses contraintes propres. D'abord, le d�bit d'Internet est faible, et il n'augmentera pas substantiellement avant plusieurs ann�es. Ensuite, on ne t�l�charge donc pas les polices avec les pages web, et ces derni�res sont affich�es avec les polices r�sidant sur l'ordinateur de l'internaute. Ce dernier, de plus, est ma�tre de la nature et de la taille de la police utilis�e. Le HTML, enfin, ne permet pas de r�gler tous les param�tres qui gouvernent la typographie.

En effet, le web �tant un petit tuyau, le langage de description de page qu'il utilise — le HTML — a �t� con�u de mani�re � fournir des fichiers de taille aussi r�duite que possible. Revers de la m�daille : le HTML ne permet pas toutes les subtilit�s de typographie et de mise en page qu'offre un bon traitement de texte. Ainsi, on ne peut r�gler ni la graisse, ni le cr�nage, ni l'interlignage. De plus, on ne dispose que de 7 tailles de caract�res. C'est le prix � payer pour que les pages web se t�l�chargent � une vitesse raisonnable.

Les ordinateurs r�cents, qu'ils soient Mac ou PC, poss�dent une dizaine de polices en commun. Le design d�un site web est notoirement oppos� � l�utilisation de polices de caract�re riches et vari�es : tout vous invite � vous limiter � la petite liste des polices communes. Malheureusement, cela ne fait pas toujours l�affaire. On dispose ainsi d'une police fantaisie (Comic Sans MS), des caract�res grecs (Symbol), de diverses ic�nes (Webdings), et de la possibilit� de varier un peu la typographie des pages web, sans transformer une partie du texte en image gif pour autant. Or, pour un webmaster, quoi de plus important de savoir quelles sont le polices qu�il peut utiliser pour son site tant son choix est restreint �tant donn� que la police doit �tre install�e sur l�ordinateur de la personne qui visite le site. On ne peut d�s lors compter que sur les polices install�es par d�faut sur chacune des plate-forme.

Quels que soient les efforts de pr�sentation consentis par le concepteur d'un site, l'affichage des pages correspondantes d�pend de la plate-forme. Le Mac et le PC ne lissent pas les caract�res de la m�me fa�on, ils ne les affichent pas avec la m�me taille, et ils ne reproduisent pas les couleurs de la m�me mani�re bien qu'ils soient �quip�s des m�mes moniteurs.

Le syst�me appel� "police dynamique" consiste � d�charger partiellement une police avec la page web dans laquelle elle est utilis�e. Malheureusement, les deux navigateurs n'utilisent pas le m�me proc�d� : le navigateur de Netscape poss�de en standard le module externe de Bitstream, et celui de Microsoft le syst�me Weft. Il en r�sulte que les polices dynamiques ne sont pratiquement pas utilis�es.

Les feuilles de style sont, en typographie, l'ensemble d'attributs de caract�res et de formats de paragraphes pouvant �tre appliqu�s en une seule op�ration � un ou plusieurs paragraphes, � un livre, etc. De fa�on extensive, c'est l'ensemble des contraintes typographiques, de maquette, couleurs, reliure, etc. qui d�finissent l'unit� d'une collection litt�raire, d'une revue p�riodique etc. C'est aussi un document permettant de mettre en forme un autre document, comme par exemple un document r�dig� dans un langage de balisage, comme SGML, HTML ou XML. Pour ce faire les feuilles de style sont r�dig�es dans un langage sp�cifique. Un des langages de feuilles de style le plus courant est le CSS (anglais : Cascading Style Sheets).

Le format PDF a �t� con�u pour favoriser l'�change de documents num�ris�s entre plates-formes. Il fait son chemin en PAO, o� il se pose � la fois comme collaborateur et comme concurrent de PostScript. Sur le web, la tentative de remplacement des pages HTML par des pages PDF a �chou�, si bien que PDF ne peut pas �tre utilis� pour r�soudre le probl�me du t�l�chargement de la police avec la page. En d�finitive, PDF a trouv� sa niche sur le web dans les pages "printer friendly" destin�es � l'impression.

Le logiciel Flash r�pond � un r�el besoin du web, pour lequel il n'existait pas de format pour l'image vectorielle. Pour l'instant, Flash est surtout utilis� pour cr�er du spectacle. À l'avenir, il trouvera son utilit� dans l'image vectorielle fixe, et dans l'image vectorielle anim�e porteuse d'information. Flash permet de r�soudre le probl�me du t�l�chargement des polices utilis�es dans une page web, mais les inconv�nients li�s � cette solution font qu'elle n'est gu�re utilis�e.

En conclusion, la typographie des pages web en est � ses d�buts. Pour l'instant, ses possibilit�s sont limit�es, mais le d�veloppement des feuilles de style am�liorera la situation. Le nombre de polices disponibles augmentera probablement au-del� de la dizaine actuelle, soit par d�veloppement du syst�me des polices dynamiques, soit par installation avec le syst�me d'exploitation. Le cr�ation de nouvelles polices destin�es au web s'orientera vers une plus grande lisibilit� � l'�cran, et une plus grande fantaisie.

 

Plan d�taill�
 
1- À chaque média ses contraintes...
    Introduction
  Nouveau media, nouvelles contraintes
  Premi�re contrainte : le d�bit d'Internet
  Deuxi�me contrainte : la r�solution de l'�cran
  Troisi�me contrainte : les polices r�sidentes communes
  Quatri�me contrainte : l'internaute est ma�tre chez lui
  Cinqui�me contrainte : le syst�me informatique
 
2- Gen�se et performances du HTML
  La gen�se du HTML
  Performances compar�es du HTML et des autres formats
  Conclusion : pour le web, HTML est irrempla�able
 
3- Typographique et HTML
  Introduction : HTML 4.0 et la typographie
  Les 11 polices communes aux deux plates-formes  
  L'utilisation des polices communes
  La couleur des caract�res
  Les ressources typographiques du HTML
  Le vocabulaire typographique de base
 
4- Le syst�me informatique
  Introduction : le syst�me n'est pas indiff�rent
  Le lissage des caract�res sur le Mac : ATM
  Le lissage des caract�res sur PC
  Du point au pixel
  Le probl�me de la couleur
  Les polices dynamiques
 
5- Les feuilles de style
  D�finition, structure et fonctionnalit�s des feuilles de style
  La police : nature et t�l�chargement
  La casse, le style
  Les propri�t�s du caract�re : corps, chasse, graisse, et couleur
  La d�coration, le marquage, le masquage, l'encadrement
  Le positionnement vertical : indice et exposant, interlignage
  Le positionnement horizontal : cr�nage et distance entre mots
 
6- Le format PDF et son usage sur le web
  Le logiciel Acrobat et le format PDF
  PDF et le web
  PDFWriter
  Le fichier "printer friendly"
  Du HTML au PDF
  Un peu de pratique
  Conclusion
 
7- Et pourquoi pas le Flash !
  Introduction : l'image vectorielle et l'image matricielle
  Le logiciel Flash
  Les concurrents de Flash
  Une tentation forte : flasher les pages web
  La typographie dans Flash
  Pourquoi Flash est-il peu utilis� pour le texte ?
  Pr�sentation des pages flash�es
  Conclusion
 
8- Conclusion
  L'imprim� a perdu son monopole
  L'imprim� ne dispara�tra pas
  Un monde de diff�rences
  Les aspects techniques
  Les aspects psychologiques et culturels
  Les aspects �conomiques et financiers
  Les aspects juridiques
  Les aspects �thiques
  Quel avenir pour la typographie du web ?