Typekit : état des lieux d’entrée

Guillaume — Mon, 12 Oct 2009 16:37:14 +0000

“We’d like to give you an opportunity to be one of the first to use Typekit.”
En voici une bonne nouvelle ! En route pour la version beta…

TYPEKIT ? WHAT IS IT ?

Typekit | Blog de Typekit | Typekit sur Twitter

Ce nouveau service propose une solution technique qui permet l’affichage de polices de caractères commerciales dans les pages web. Typekit met l’accent sur le respect de la propriété intellectuelle et les droits d’utilisation en sécurisant l’accès aux fontes.

Simon “Sii” Daniels (Program Manager In Typography Group chez Microsoft) propose sa définition du service :
“I would describe it as a web font obfuscation service. A layer between browser and font that provides just enough hacking, hiding, along with rights-management, to make (some) type designers comfortable with allowing their fonts to be used with the @font-face linking mechanisms supported by Web browsers.”

Il s’agit donc de :
– permettre l’affichage web de polices de caractères sous licences
– protéger la source (les fichiers) par un “camouflage“
– limiter l’utilisation à un nom de domaine spécifique
– respecter les préconisations du W3C pour CCS3 avec la balise @font-face

L’OFFRE TYPEKIT

Des abonnements à l’année : 4 formules.

Offre de base (Trial) — gratuit
– 66 fontes pour rien, mais sur un seul nom de domaine et avec un joli badge Typekit.
– maximum 2 fontes sur le site. 2 typographies en fait, les styles (bold, italic, etc.) sont inclus
(s’il y en a et si vous voulez les utiliser).

Offre “Perso” (Personal) — la première offre payante
– prix promo de lancement : 24,99$ / ±17€ pour 1 an — après : 7$/mois (aïe !)
– une bibliothèque conséquente (les 66 fontes “Trial” + 148 fontes avancées)
– toujours 1 domaine
– 5 fontes par domaine
– plus de badge (enfin si vous voulez : vous pouvez toujours l’afficher)

Offre “Portfolio” — ce qui semble être le paquebot de l’offre payante
– prix promo de lancement : 49,99$ / ±34€ pour 1 an — après : 17$/mois (re-aïe !)
– la bibliothèque complète (les 66 fontes “Trial” + 148 fontes “Personal” + 64 fontes en extra)
– 5 domaines utilisables

Offre “Performance” — pour les gourmands
– prix promo de lancement : 249,99$ / ±170€ pour 1 an — après : 49$/mois (mais arrête !)
– la bibliothèque complète
– 40 domaines utilisables

Concernant la bande passante :
Les offres Typekit sont dosées en bande passante (comme pour un hébergement) :
de 5 Go pour l’offre gratuite à 100 Go pour la version des costauds.
Cette bande passante doit couvrir le passage du poids des fontes
des serveurs Typekit vers les machines de vos visiteurs.
Même si cette bande passante paraît “confortable”, il faudra certainement
pour les sites “populaires” faire un petit calcul tenant compte
du poids des kits et du trafic.

Concernant les bibliothèques :
Une quarantaine de fonderies et sociétés sont au menu
des 3 bibliothèques Typekit pour cette version beta.
L’équipe confirme que les bibliothèques vont grandir rapidement.
Certains comparent Typekit à un “Youtbe de la typographie”.
Il s’agit plutôt d’un iTunes ou d’un Spotify typographique.
Il s’agit bien là de diffuser les polices de caractères
avec l’accord des fonderies et des sociétés éditrices.

LA MISE EN ŒUVRE

Simple et efficace.
2 conditions pour le bon fonctionnement côté visiteurs :
le support de la balise @font-face (CSS3) et javascript activé.

Chez Typekit :
– création ou ajout d’un kit
– spécification du domaine
– choix du/des fonte(s)
– publication du kit & déploiement

Sur votre site :
– insertion du javascript (à la Google Analytics) dans la balise .

Et voilà !

Vous avez toujours la possibilité de personnaliser les class CSS : soit dans le Kit Editor (ces class sont alors déclarées dans le javascript), soit récupérer les classes proposées par Typekit (.nom-de-la-fonte) et les inclurent dans votre propre feuille de style. La dernière possibilité reste d’utilisé la déclaration de la fonte avec la propriété font-family (du type font-family:“nom-de-la-fonte-1″,“nom-de-la-fonte-2″;).

Pour le moment, Typekit est compatible avec Safari 3.1 et supérieur, Firefox 3.5 et supérieur et Internet Explorer 6 et supérieur. Opera et Chrome devraient être de la partie prochainement. Les développeurs signalent que le “Kit Editor” est récalcitrant à Internet Explorer… Pour suivre la compatibilité de Typekit une page dédiée existe sur le forum officiel.

La limitation à un nom de domaine par kit est une des mesures mises en place par Typekit pour assurer la protection des sources. Les autres mesures de protection sont présentées dans un billet du blog officiel. Pour les développeurs, il est possible de tester la solution en local : simplement en spécifiant “localhost” comme nom de domaine. Typekit se met alors à fonctionner sur votre solution “maison”.

Quelques captures de l’interface du site :

LE RENDU DES FONTES

En dehors de la compatibilité technique avec des navigateurs, Typekit repose sur la capacité de ceux-ci à interpréter les fichiers de fontes. Chaque logiciel affiche à sa manière telle ou telle police. Ce rendu ne concerne pas que l’aspect des lettres (le dessin). On note déjà des différences d’interprétation sur l’espacement (spacing), sur l’interlignage (leading) et sur les approches de pairs (kerning). Des propriétés CSS existent déjà pour corriger en partie cette interprétation. Ces questions de mise en forme et de rendu des caractères typographiques ne sont pas propres à Typekit ; et ont voit déjà venir les feuilles de style spécifiques à tel ou tel navigateur pour les réglages typographiques.

Le rendu des fontes suggère aussi la reconnaissance d’un maximum de signes typographiques dessinés et inclus par le typographe. Pour le moment, Typekit se borne à une table des caractères “Latin 1″. Wikipédia donne 191 signes dans cette table et Microsoft 256 caractères ).

Voici un petit test sur la police Bello Pro de Underware

En noir, les caractères inclus ; en gris ceux qui ne font pas parties du design original et en bleu les signes manquants dans la version Typekit.

Pas de raffinements typographiques ; pour le moment… Mais les développeurs assurent travailler à l’extension de la table des caractères. C’est une question importante vis-à-vis du développement du service à l’international (caractères cyrilliques, arabes, asiatiques, etc.).

CÔTÉ BUSINESS

Fondée en 2008 par Jeffrey Veen, Bryan Mason, Greg Veen et Ryan Carver, la société Small Batch inc. est basée à San Francisco. Ce quatuor a conçu et développé des services web depuis plusieurs années. En 2006, cette équipe a mis sur pied Measure Map, un service de statistiques pour les blogs — racheté depuis par Google. Chez Google, ils travaillent sur la remise en forme et le développement de Google Analytics. Depuis ce temps, ils ont eu l’occasion de collaborer avec Twitter sur l’expérience utilisateur et sur la gestion de la croissance du service. Ils sont aussi à l’origine de Wikirank — un outil d’analyse des tendances sur Wikipédia. De plus, ils ont été impliqués dans des groupes de travail du W3C sur les standards du web .

Small Batch a annoncé une première levée de fonds soutenue par True Ventures.

L’équipe Typekit :
– Jeffrey Veen (Site — Twitter)
– Bryan Mason (Blog — Twitter)
– Greg Veen (Site — Twitter)
– Ryan Carver (Site — Twitter)

ET ENSUITE…

En l’état, le service est très encourageant. Les bases sont posées : il faut maintenant amener le service à maturation.

Des fonctions “traditionnelles” font encore défaut au service (champ de recherche, table des caractères, API, notation, etc.). À la lecture du forum, ces fonctions sont dans les cartons et devraient être intégrées dans les prochaines versions du service.

Des idées titillent déjà les utilisateurs et les typographes :
– pourra-t-on publier ces propres fontes via une interface d’upload ?
– y aura-t-il des plug-ins pour les blogs ?
– pourra-t-on demander l’ajout de certaines fontes aux bibliothèques ?

Il y a de très grandes chances pour voir apparaître Typekit sur mobile. Safari sur iPhone prend déjà en charge la propriété @font-face, mais n’autorise l’accès qu’aux 11 fontes installées avec iPhone OS X. La présence de la fonte “Droid by Google Android” laisse présager certains développements…

Cette version beta répond efficacement aux attentes de bases.
C’est aujourd’hui un service simple qui affiche ses ambitions
et qu’il va falloir suivre avec attention.

POUR ALLER PLUS LOIN

D’autres articles (in english) sur le sujet :
– la “review” de Typekit sur iloveusability
– un screencast Typekit sur CSS Tricks
– une page de test (Outra fonts)

Quelques liens sur le thème web & typographie :
– Why webfont services are the future of fonts on the web
– service similaire déjà sur les rails : Kernest
– service similaire qui devrait montrer prochainement le bout de son “F” : Fontdeck
– Mark Boulton at FOWD: “Typography Is The Web“
– le site webfonts.info
– @font-face: The Potential of Web Typography
– article “@font-face in Depth”

Graphisme d’information : morceaux choisis…

Guillaume — Mon, 27 Apr 2009 13:46:53 +0000

Une jolie sélection de travaux autour de la présentation de statistiques et d’informations :

http://blogof.francescomugnai.com/2009/04/50-great-examples-of-infographics/

info32

Source : http://twitter.com/iciMOO

Coriander — Icônes WordPress

Guillaume — Sun, 30 Nov 2008 21:58:12 +0000

Voici la version à paraitre des deux sets d’icônes intégrés
au plugin “Admin Icons” réalisé par Amaury Balmer.

Coriander

Coriander Alternate

Ces deux sets sont les versions finales des sets présentés lors du concours d’icônes lancé à l’occasion de la sortie de la version 2.7 de WordPress. Les icônes gagnantes sont désormais intégrées à la version béta de WordPress. Le plugin “Admin Icons” permettra de choisir un set différent. Plus d’informations à l’occasion de la sortie de WordPress 2.7 et du plugin… En attendant, une preview du plugin et des versions 32 pixels des sets Coriander & Coriander Alternate.

Mes icônes pour WordPress 2.7

Guillaume — Sat, 15 Nov 2008 22:30:17 +0000

Un petit article pour présenter le set d’icônes qui j’ai eu la chance de proposer au vote, pour la nouvelle version de WordPress. Ce n’est pas le set gagnant — malheureusement pour moi — mais le travail effectué est tout à fait valorisant. D’ici la sortie de la version finale de WordPress 2.7, je peaufinerais ce set pour le proposer aux utilisateurs intéressés.

Voici donc les 2 sets, en détail…

et en situation…

Vos avis sont les bienvenus.

Sources : English & Français

La Hollande : l’autre pays des fontes

Guillaume — Wed, 12 Nov 2008 21:28:45 +0000

Holland strikes again !

Grace à Underware, on savait déjà que les Pays-Bas avaient une bonne dose de talent pour ce qui est de la créativité dans la typographie contemporaine. Aujourd’hui, c’est au tour du studio Autobahn de nous livrer une approche fraîche en typographisme. Ça se passe par ici : thequickbrownfoxjumpsoverthelazydog.nl.

L’art du générique

Guillaume — Thu, 26 Jun 2008 14:00:51 +0000

De début ou de fin, les génériques (de film, de série, etc.) proposent souvent bien plus que de simples informations sur l’équipe derrière la réalisation. Le site/blog “the art of title” selectionne avec goût et précision ces introductions/conclusions, vidéos à l’appui.

Source : Emob

The Last Shadow Puppets

Guillaume — Sat, 21 Jun 2008 12:00:25 +0000

Découvert sur Canal + il y a quelques semaines.
Écoute du single puis de l’album dans la foulée.

The Last Shadow Puppets “The Age of the Understatement”

Composé de Alex Turner (chanteur des Artic Monkeys)
et de Miles Kane (chanteur de The Rascals).
Très belles compositions, textes pointus, arrangements vintage/orchestral.

Site du groupe | Site de l’album