La typographie en progrès sur le Web

Arnaud de la Grandière |
Les travaux sur CSS Fonts Module Level 3 avancent et toucheront prochainement à leur fin sous l'égide du W3C.

Si un autre standard du même W3C, nommé Web Fonts, permet d'intégrer des polices de caractères non-installées sur le poste client (comme le propose TypeKit), CSS3 Fonts permettra également de tirer parti de fonctions typographiques avancées, telles que les ligatures dynamiques ou le crénage qu'on peut trouver dans les standards TrueType et OpenType.

skitched


En effet, pour l'heure la plupart des navigateurs sont incapables d'utiliser des fonctionnalités avancées de certaines polices de caractères, limitant les possibilités de présentation des pages web.

Des fonctionnalités attendues avec impatience par certains concepteurs, qui peuvent d'ores et déjà expérimenter ces fonctions dans la version beta de Firefox 4, en attendant que le standard soit finalisé et intégré dans tous les navigateurs.
avatar mushtoad | 

@frodon27:
Il me semble que tu peux inclure une fonte dans l'appli, canal+ a pu incorporer une fonte de son célèbre Futura Canal+ dans son appli iPhone (la Light Italic seulement).
Je pense qu'il doit y avoir une aide sur iPhone dev ou au pire, tu peux appeler AppleCare.

avatar bambougroove | 

Les travaux dans ce domaine avancent et c'est vraiment un bien !!

Cela dit cela reste très "anglo-saxon" ce genre de police (leur style d'écriture "manuelle" apprise à l'école est beaucoup plus "formatée" qu'en France par exemple), mais je ne connais pas les pédagogies pratiquées actuellement en France comme l'indique Almux, et comme souligné par Pg043 il est rare de lier le "e" et le "n" de cette façon, du moins pour ma génération (1960).

@pmxpar :
bienvenue au club des "vieux cons" ;))))

avatar moutonoirx | 

@Chaodam J'utilise ce générateur également, mais avec une font «thin», avec laquelle windows à du mal. C'est d'ailleurs un problème connu, suffi de chercher un peu pour s'en rendre compte. La faute en reviendrait à la fonctionnalité ClearType de Microsoft. Maintenant je pourrais changer de font... mais mon publique cible est sous mac osx alors à quoi bon.

avatar marc_os | 

@ Nonoche : Parce qu'il y en a qui commence à écrire un e en commençant par le bas ???
Normalement, pas en France. Enfin pas du temps où j'ai appris à écrire.

A propos, l'écriture liée des allemands est assez spéciale, car ils commencent d'abord à apprendre l'écriture bâton, et ne passent souvent à l'écriture liée que partiellement, même adultes.
Signé [i]un gaucher qui a refusé de se laisser contrarier[/i] (et une tare de plus, une ! :P )

avatar iSteph | 

C'est bien les ligatures (enfin surtout pour le fl, fi, ff, ffi, ffl), mais voilà à mes yeux, ce que l'on devrait faire pour respecter la typo sur le web :
- gérer les césures (ou alors on devrait supprimer le code "justify" de l'Html : quand je vois toutes ces lézardes, ça me fatigue avant de commencer à lire)
- automatiser les espaces insécables (prenant en compte la langue utilisée)
- automatiser les apostrophes, guillemets et autres ponctuations : remplacer les ' par de vrais ’ ou les "" par des “” ou «» (ce qui est très chiant à faire sur mon iPhone présentement)

Qu'en pensez-vous ?

avatar Artek | 

Pour utiliser de différentes typo en web design : google fonts !

avatar françois bayrou | 

@frodon27
Tu peux très bien intégrer des fonts custom dans une app iPhone. c'est un peu chiant mais c'est possible.

avatar marc_os | 

@ iSteph : Il y a aussi les demi-espaces !

avatar iSteph | 

@ marc_os :
Exact, 1/4 de cadratin insécable et tutti quanti. Mais bon, avant de faire des effets de style avec des ligatures sur des polices scripts, on devrait d'abord se préoccuper du respect des règles de typo.
Et puis, comment peut-on concevoir un site en texte justifié ? C'est vraiment se foutre du lecteur internaute. Quand je vois que même l'appli iOS du Monde est justifiée. Je ne t'explique pas les lézardes ! Facile à lire tiens ! M'énerve…

avatar sdif | 

Le système actuel a au moins le mérite de brider le mauvais goût que certains s'empresseront d'exprimer, une fois les polices de caractère libérées :D

Sinon, oui iSteph, l'appli du Monde est assez honteuse à ce niveau, mais elle remplit son office très bien. Des horreurs graphiques/typo, y'en a de bien pires.

avatar Jean-Jacques Cortes | 

Si, au passage, le respect de l'orthographe pouvait aussi bénéficier d'un tel progrès, ce serait bien.

avatar hadrien01 | 

J'espère que le projet aboutira bientôt, car j'utilise beaucoup de fonts à ligatures (dont la Zapfino). Sinon, cufon les fait (je crois ;-))

avatar apenspel | 

Tous les navigateurs ?! ;•)

avatar Almux | 

Aah! Enfin la possibilité de faire de beaux textes sans passer par l'intégration d'une image! Chic!

avatar moutonoirx | 

Faudrait déjà que les @font-face s'affichent correctement sous windows... seuls opera et firefox y font un affichage "correct". Les fonts y sont grugées et certains navigateurs semblent avoir de la difficultés à reconnaitre les différentes graisses... alors que tout est parfait sous tous les navigateur mac. Entouka.

avatar Pg043 | 

Euh... qui lie le 'e' et le 'n' de "often" (à droite) de cette manière ?

avatar Arnaud de la Grandière | 

@ Pg043 : ceux qui commencent leurs "e" par la pointe

avatar Almux | 

Bien remarqué! L'écriture liée a certaines libertés... mais aussi ses règles! En fait, je constate que mon petit dernier apprend une "fausse écriture liée" dès l'école primaire. La typo fout le camp!

avatar frodon27 | 

@moutonoirx

j'utilise très souvent le @font-face mais uniquement pour des interfaces admin que mes clients utilisent sur mac, par contre un truc qui me fait pester (mais alors à un point!) : c'est la gestion du font-face par l'iphone, nul à chier, uniquement avec des police svg, et le résultat est très décevant. Autres sujet/domaine quand est ce que qu'on pourra intégrer des font dans une app? je développe une Appli pour une marque de voiture qui possède sa propre font, ca fait bien de leur dire : au fait je vais utiliser de l'Arial.

avatar Chaodam | 

@moutonoirx : Je sais pas comment tu fais, moi mes @font-face passent partout, même sur IE7-8-9, sur iPhone, iPad, Opera, Firefox, Safari, Chrome :) Tu devrais essayer ce [url=http://www.fontsquirrel.com/fontface/generator]générateur de font-face[/url] :)

avatar Almux | 

Merci Chaodam,
Très intéressant ton lien: hop en signets > astuces web!
;)

avatar pmxpar | 

Petite chose amusante,enfin je trouve, vous parlez du standard WC3 et là je m'esclaffe et me rappelle ma jeunesse des années 80 (ben oui un vieux con de plus sorry) car je ne connais pas du tout ce standard WC3 mais pour moi cela veut dire "A trois dans les WC" groupe punk de l'époque dont c'était le patronyme, transformé ensuite en WC3 par la signature d'un contrat avec CBS.
Voilà je m'arrête, c'était un passage "c'était mieux avant...lalalala"

CONNEXION UTILISATEUR