Typekit : état des lieux d’entrée
“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 <head>.
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”
Très bon topo. Merci
Arnz — 19th nov à 11:39