Je viens d’avoir une catastrophe industrielle avec les webfonts de chez Google, sur le site que je…

Testant sous Windows 8, je constate que le rendu catastrophique des webfonts est bien toujours là. Sur Flip-Zone, j’avais oublié le format WOFF et, sous Chrome sous Windows 8 avec ClearType activé, hé ben rendu dégueulasse.

Tu le crois donc si tu veux, mais le dernier Chrome sur le dernier Windows, tu lui balances du OTF, et il te fait un lissage totalement dégueulasse (en petits corps : à peine lisible).

Je répète donc le code à utiliser :
▻https://gist.github.com/anonymous/5999571

Ne pas se tromper dans l’ordre et ne pas oublier un format. Pour rappel : avant de convertir les polices en webfonts, je commence par transformer la police TTF d’origine en OTF (PostScript OpenType).

Mon message d’origine sur ce sujet :
►http://seenthis.net/messages/44936

Suite de mes aventures au pays des #webfonts… côté arabe.

Épisodes précédents :
– d’abord, problème de lissage sous Windows, la solution a consisté à remplacer la version TTF par la version OTF :
►http://seenthis.net/messages/44936
– ensuite impossible de parvenir à faire fonctionner une police arabe en webfont sous Safari (caractères séparés, absence de ligatures arabes).

Je pense avoir réussi à créer une webfont arabe qui fonctionne :
– pour commencer, il faut que la police contienne explicitement les substitutions #Opentype pour les caractéristiques init, medi et fina ; il s’agit de remplacer les formes isolées des caractères arabes par leurs formes spécifiques ; pour n’importe quel logiciel, ces définitions sont plus ou moins inutiles, parce que chacune des formes ayant un code Unicode, tous les softs savent faire le remplacement tous seuls sans passer par Opentype ; mais là, hé ben il faut se le farcir à la main ;
– générer la police, au format OTF (pas TTF, pour l’histoire de problème de lissage sous Windows déjà évoqué) ;
– ne pas utiliser FontSquirrel pour fabriquer les webfonts, mais par Font2Web :
►http://www.font2web.com
– remplacer l’appel de la version TTF par la version OTF initiale.

Et là, ça a l’air de fonctionner correctement. Je vais faire des tests supplémentaires.

On vient de livrer le nouveau site de l’Orchestre symphonique de Bretagne :
►http://o-s-b.fr

J’ai fait ça avec mon copain de Mosquito. Côté technique : c’est (évidemment) du #SPIP, c’est mon premier site en tout en #HTML5, vidéos et audio gérés directement en balises HTML5, avec Flash pour les brouteurs qui ne comprennent pas le HTML5 ou qui n’acceptent pas H264 (ça permet de n’utiliser qu’un seul fichier, sachant que c’est le même fichier qui est lu par Flash en roue de secours), #webfonts super-typées, animations uniquement en transitions CSS.

En plus, je trouve le graphisme de Mosquito particulièrement réussi.

#webdesign #shameless_autopromo

Comment ça se fait qu’avec (cette saloperie de) Seenthis, quand je cherche « catastrophe industrielle » et « webfont », j’arrive jamais à retrouver ma propre documentation :
►http://seenthis.net/messages/44936

M’enfin j’en ai besoin pour le travail, quand même.