►http://nodeca.github.com/fontomas
1. Select Icons
2. Rearrange
3. Save Font
#font #typographie #web
►http://nodeca.github.com/fontomas
1. Select Icons
2. Rearrange
3. Save Font
#font #typographie #web
Entypo - 100+ carefully crafted pictograms
►http://www.entypo.com
Entypo is a set of 100+ carefully crafted pictograms available as an OpenType font, vector EPS and web font. All released for free under the Creative Commons license CC BY-SA.
Oui mais là, on retombe dans les travers des dingbats des années 90 avec ses encodages totalement farfelus. Là, je tape « A » pour afficher une lampe de poche, « B » un trophée, « D » un appareil photo, « è » pour une flèche vers le haut, et ainsi de suite.
Pour une police « de bureau », c’est chiant à manipuler (aussi chiant qu’un Zapf Dingbats en 1995). Pour une webfont, c’est catastrophique, puisque ça se « dégrade » en affichant de véritables lettres à l’écran.
Bon nombre de ces dingbats sont définis dans Unicode : la solution « propre » est donc de respecter Unicode. Pour ce qui n’est pas dans Unicode, bricolage pourquoi pas (mais c’est pas réjouissant, et ce qu’on gagne d’un côté on le perd largement de l’autre ; j’ai bossé pendant 15 ans avec ces Zapf Dingbats péraves encodé par les corbeaux, ça n’a jamais été un boulot sympa).
Oh aujourd’hui accéder aux glyphes c’est pas dur… par contre en webfont c’est vrai que ça parait pas intéressant. Mieux vaut à ce stade en faire des images.
Remarquez que l’auteur semble avoir prévu le coup et propose aussi ces pictos au format EPS ;)
L’idée d’une webfont graphique, je trouve ça pas mal. Je l’ai expérimenté sur une page, avec quelques boutons, c’est assez pratique : ça fait des éléments graphiques très faciles à manipuler (couleur, taille, ombres…) dans les CSS.
Mais je pense qu’il faut vraiment respecter le positionnement des glyphes graphiques défini par Unicode. (Il y a vraiment déjà largement de quoi jouer : tout l’équivalent du Zapf Dingbats traditionnel est défini dans Unicode, et il y a des tripotées d’autres trucs disponibles.)
Dans ce cas-là, on a bien une webfont, avec typage graphique qui va bien, mais ça se dégrade plutôt proprement (et, c’est marrant : on peut considérer que c’est sémantique, puisque qu’Unicode définit ce que représente tel ou tel glyphe).
Ouais mais ça implique de faire des dingbats de même type que ceux de zapf, ou d’unicode, ce qui n’est pas forcément toujours très pertinent, j’imagine. Mais évidemment si c’est possible c’est mieux.
Y’a quand même vraiment de quoi jouer :
►http://www.unicode.org/charts/#symbols
Tu as :
– symboles alchimiques (oué !)
– quelques symboles romains (oué oué !)
– des symboles de monnaies (trop oué !)
– là ça va te plaire : les dingbats, et vraiment y’a du monde :
►http://www.unicode.org/charts/PDF/U2700.pdf
– les émoticons (bon, moyen-oué) :
►http://www.unicode.org/charts/PDF/U1F600.pdf
– des symboles de jeux (échecs, cartes…)
– divers symboles :
►http://www.unicode.org/charts/PDF/U2B00.pdf
– et tiens-toi bien : divers symboles et pictos :
►http://www.unicode.org/charts/PDF/U1F300.pdf
Entre les « dingbats » et ce dernier « divers », tu as tout et n’importe quoi. Tu as même une tête de grenouille (1F438), la silhouette de deux hommes se tenant la main (1F46C), un homme et une femme se tenant la main (1F46B, et il est précisé qu’il ne faut pas comprendre avec le symbole des toilettes : 1F6BB), un homme avec un chapeau chinois nommé gua pi mao (1F472), un symbole pour le massage du visage (1F486), un baiser (1F48F), une floppy disk (1F4BE), le mont Fuji (1F5FB)…
Mais — et là c’est de l’ignorance — on a des polices systèmes qui contiennent ces symboles ? Parce que si non, qu’une webfont utilise ces valeurs ne règlerait pas le problème de la dégradation.
Sur Mac, depuis Lion, ils sont quasiment tous là, et en couleur. Bon, les dingbats sont anciens, ils sont censés être là (sur Seenthis, ceux qui se plaignent de ne pas avoir le petit triangle avant les liens, c’est ça…). Les trucs introduits dans Unicode 6, évidemment c’est sans doute plus problématique.
Mais :
– que ça se dégrade en « É » ou en rien, c’est un peu pareil, alors que si ça se dégrade dans le bon glyphe quand tu as un système récent, c’est pas pareil ;
– dans tous les cas, on va vers ça. Pas de bidouiller comme si on était encore en 1999
Et même un beignet de crevette (1F364). Waouh quoi.
Les « symboles et machins divers » d’Unicode 6, tels qu’ils sont intégrés à MacOs Lion :
►http://twitpic.com/8n6ly6/full
Rasta, tu y trouveras ton beignet de crevette :
Non, et la couleur dans une police, je suis trop vieux…
Mais bon, d’où l’intérêt d’avoir une webfont de dingbats chics et élégants, qui se dégrade tout de même nicely en police système.
Chartwell | Typeface Review | Typographica
►http://typographica.org/2012/typeface-reviews/chartwell
Chartwell is a set of three #fonts that together create a remarkable set of tools for creating bar, line, and pie charts. It uses #OpenType ligatures to perform its magic – a series of numbers can be transformed into clean, perfectly rendered graphs, as you type.
de la #typographie #sémantique !
Modern Pictograms - The Design Office
►http://thedesignoffice.org/project/modern-pictograms
Modern Pictograms is a typeface made for interface designers and programmers. Designed to work on-screen at sizes down to 18 pixels.
The New #Web #Typography
►http://ie.microsoft.com/testdrive/Graphics/opentype/opentype-fontbureau/index.html
TYPE ON THE WEB IS ABOUT TO CHANGE FOREVER. AGAIN.
As the #font-face rule emerged, it brought with it sweeping changes to the visual landscape of the web. The designer’s toolkit grew substantially, but this integration was only partial. Many typefaces were stripped of their most powerful features: things like swashes, alternates and small caps. These details help to make typefaces more useful and expressive. Now, as #OpenType features become accessible in more browsers, this expressive power can raise typography on the web to an even higher level.
TABLE OF CONTENTS
Small Caps
Ligatures
Numerals
Kerning
Fractions
Alternates
Arg : le premier exemple est (évidemment ?) l’utilisation des small caps.
/ use small-caps /
.smallcaps {
-moz-font-feature-settings : « smcp=1 » ;
-ms-font-feature-settings : « smcp » 1 ;
}
Sauf qu’en CSS, il y a déjà ça :
font-variant: small-caps;
Le second exemple indique comment « activer » les ligatures qui sont déjà activées par défaut (liga), et que tu peux déjà forcer par :
text-rendering: optimizeLegibility;
Un autre exemple explique comment « activer » le kerning (dont on peut tout de même espérer qu’il est toujours activé par défaut), que tu peux déjà forcer par :
text-rendering: optimizeLegibility;
Et comme le dit la recommandation :
►http://dev.w3.org/csswg/css3-fonts
Authors should generally use ‘font-variant’ and its related subproperties whenever possible and only use this property for special cases where its use is the only way of accessing a particular infrequently used font feature.
On a donc ici 3 exemples (sur 6) qui consistent à recommander d’appeler le nom informatique d’une feature OpenType dans un appel cryptique de bas niveau (les features OpenType correspondent, de manière standardisée, à des caractéristiques typographiques identifiées et nommées), plutôt que d’appeler des CSS « normales » et lisibles par un être humain.
Il faudrait pouvoir partager un commentaire, sur @seenthis et sur Twitter et autres, c’est parfois plus intéressant que le seen initial... #seenthis_souhait
@baroug, c’est trop mignon, d’avoir gardé ton âme de midinette. :-)
Graphisme & interactivité blog par Geoffrey Dorne » Dyslexie et typographie : comment simplifier la lecture aux dislexiques par la typographie ?
►http://graphism.fr/dyslexie-typographie-comment-simplifier-la-lecture-aux-dislexiques-par-la-t
Conçu par Christian de Boer la police « #Dyslexie » est spécialement conçue pour les dyslexiques et faire en sorte que les différences entre chaque caractère soient plus importantes et plus faciles à reconnaître. La conclusion de l’étude et de l’utilisation de cette est que la lecture avec la police »Dyslexie » ne conduit pas à une augmentation de la vitesse de lecture mais plutôt a une diminution des erreurs de lecture.
►http://www.youtube.com/watch?v=VLtYFcHx7ec&feature=player_embedded
Comic Jens — no more excuses
►http://klepas.org/comic-jens/#notebook
Comic Jens is a looser and more aesthetic alternative to Comic Sans by Jens Kutilek. With a wholesome set of 303 characters in regular and bold, all available freely under a Creative Commons license in OpenType format no one has an excuse to use Comic Sans anymore.
Mais quelle sorte d’excuses pouvait-on invoquer pour l’utilisation de Comic Sans ?
C’est un des thèmes récurrents qui m’épate le plus sur @seenthis :-)
►http://seenthis.net/spip.php?page=recherche&recherche=comic+sans
Je viens d’avoir une catastrophe industrielle avec les #webfonts de chez Google, sur le site que je viens de livrer. Quelques usagers signalent que le rendu des fontes chez eux, sous Windows, est tout moche. Moi j’avais essayé chez moi, ça semblait OK.
Mais j’active le lissage « Cleartype » sous Windows XP, comme sous Windows 7 et là, sur tous les navigateurs (sauf MSIE9 !), le lissage des webfonts est totalement défaillant. Et c’est incurable : les hacks à base de text-shadow ou de rotation imperceptible ne semblent plus avoir d’effet. Grosse catastrophe : l’identité graphique du site repose sur ces webfonts, et je ne me vois pas tout recoder pour utiliser les images typographiques de SPIP (surtout que les CSS du site ne s’y prêtent pas vraiment).
Et je découvre, sur le blog du Typekit :
►http://blog.typekit.com/2011/07/26/new-from-typekit-improved-font-rendering-on-windows
Typekit se vante donc d’avoir (enfin ! ils ont vendu de la merde inutilisable à tout le monde avant ?) trouvé une parade : quelques unes de leurs polices balancent la version Postscript plutôt que Truetype. Et là, le lissage se fait correctement.
Très bien : il suffit donc que Google te balance un OpenType Postscript plutôt que TrueType. T’as qu’à écrire à Google…
Donc ce que j’ai dû faire :
– je télécharge la police de chez Google, version TrueType ;
– je fabrique les polices et les CSS qui vont bien grâce au #font-face generator de Font Squirrel :
►http://www.fontsquirrel.com/fontface/generator
– j’ouvre la police TTF dans FontLab, et je génère une version OpenType Poscript. Terminaison ".oft".
– je modifie la déclaration @font-face, pour appeler l’OFT à la place de la TTF, et en changeant l’ordre (sinon, je ne récupère pas la version OpenType) :
►http://pastebin.com/WVkAHSys
Ah oui : je viens d’y passer la fin de mon après-midi et je suis furieux. Utilisez @font-face, qu’ils disaient. En plus, j’ai été obligé de lire des forums Windows, et là tu imagines bien que j’ai envie de tuer quelqu’un (« Il suffit de demander à tes visiteurs de désactiver le lissage ClearType » étant la réponse la plus fréquente…).
Pour comprendre le drame :
►http://twitpic.com/7owqqe/full
Deux copies d’écran du Boston Globe (site tout nouveau tout beau qui utilise fièrement des @font-face). Vu dans Chrome sous Windows 7 (pas un vieux clou, donc).
– À gauche : lissage cleartype désactivé. Les titrailles, en webfonts, sont parfaitement lissées. Le texte courant (notamment le texte de l’article) n’est pas lissé. Ça, c’est la situation la moins pire, c’est juste que tu n’as pas le lissage du texte courant (du coup : le si joli et lisible Georgia ne ressemble à rien). C’est lisible, mais les empattements sont dessinés avec des pixels.
– À droite, l’utilisateur a activé le lissage Cleartype (évidemment, ça, tu ne le contrôles pas depuis ton site Web). Le texte courant est joliment lissé, et surtout les éléments de navigation en capitales de petite taille sont beaucoup plus lisibles et élégantes. En revanche, la titraille est carrément moche (si j’ai bien compris, lissée horizontalement, mais pas verticalement). Vu que c’est de la titraille en grand corps, je trouve ça particulièrement vilain : tu crois faire un site avec les dernières technologies de 2011, et vlan, on se croirait sur un PC des années 90. (Et avec d’autres polices, c’est encore plus laid.)
L’image ne semble pas se charger ce qui m’attriste vu que j’étais curieux de voir ça…
C’est Twitpic qui a des problèmes. Suit le lien, et force le rechargement. Ça finira par venir.
Windows n’est-il pas sensé prendre en charge les polices eot ?
Bon, en tout cas, je fais tourner...
Ici, il est conseillé d’activer la version svgz de la police.
La révolution font-face | David Lemaitre
►http://www.davidlemaitre.com/blog/2011/05/04/la-revolution-font-face
J’ai élaboré une syntaxe @font-face améliorée permettant d’obtenir le meilleur rendu sur tous les navigateurs, toutes versions et OS confondus, ClearType activé ou non !
Au préalable, il est nécessaire d’ajouter la déclaration du format compressé SVGZ à Apache dans le fichier .htaccess de votre site
@arno pas de risque avec l’astuce du svgz quand iOS le supportera ?
#Icon #font #accessibility
►http://fvsch.com/code/icon-font-a11y
When we use common image replacement techniques, including the smart ones, the user agent doesn’t know what’s the relation between the text content and a #CSS #pseudo-element or background. This is not even a “CSS is for decoration” issue. It’s a “your code lacks semantic information” issue
Erler Dingbats :: The World’s first Complete #Unicode #Dingbats #Font
►http://www.ffdingbatsfont.com/erler/index.html
For the first time in the entire history of Unicode standard, the full encoding range for dingbats (U + 2700 – U + 27BF) is now covered by a complete, contemporary quality font. Erler Dingbats is a spin-off of the distinguished FF Dingbats 2.0 family, and was designed as a special collaboration between designers Johannes Erler and Henning Skibbe.
Quelques étincelles sur la Buissonnière
►https://www.lereveil.ch/contrib/quelques-etincelles-sur-la
« L’attitude des flics a consisté en un harcèlement de plus en plus fréquent du lieu (notamment lors de soirées) se traduisant par des contrôles d’identité réguliers aux abords de la maison. Cette pression quotidienne a conduit à l’arrestation de trois copains et à l’emprisonnement de l’un deux, sans papiers, condamné à 4 mois fermes pour outrage à agent. Le procès de la maison, reporté deux fois de suite, a eu lieu le 14 octobre et a abouti sur une expulsion immédiate, bien que l ’argument principal - le rachat par la mairie pour construire crèche et logements sociaux - ait été invalidé par l’avocate de la défense. En effet la maison est désormais un site classé, et risque ainsi de rester vide encore plusieurs années…. Le fait d’êtres catalogué-e-s anarchistes a été la seule véritable base de cette expulsion. Huissiers, mairies, juges, procureurs, proprios, agents immobiliers, flics et autres porcs n’y pourront rien : pour nous, contre les expulsions, il n’y a pas lieu de s’indigner, il faut s’organiser et agir directement. »
#Bussonnière #squat #répression #France #Fontenay-sous-Bois
Erler Dingbats :: The World’s first Complete Unicode Dingbats Font
►http://www.ffdingbatsfont.com/erler/index.html
For the first time in the entire history of Unicode standard, the full encoding range for dingbats (U + 2700 – U + 27BF) is now covered by a complete, contemporary quality font. Erler Dingbats is a spin-off of the distinguished FF Dingbats 2.0 family, and was designed as a special collaboration between designers Johannes Erler and Henning Skibbe.
Avería – The Average Font
►http://iotic.com/averia
i am not a type designer. This is the story of the creation of a new font, Avería: the average of all the fonts on my computer. (…) I grabbed my laptop and came up with an initial idea for finding what the average of all my fonts might look like – by overlaying each letter at low opacity. The results can be seen in the below image.
lisible, je ne sais pas, je trouve sa couleur franchement médiocre, quant à belle, là je suis surpris.
#police c’est bien mais après consultation de la page du tag, il y a comme un mélange. #police_de_caractères risque d’être plus précis :-p
Le code que l’on utilise pour définir les caractéristiques #OpenType dans #FontLab sont un outil spécifique défini par Adobe. Cet outil est baptisé Adobe Font Development Kit for OpenType (AFDKO).
OpenType - Wikipedia, the free encyclopedia
►http://en.wikipedia.org/wiki/OpenType
Second, Adobe’s strategy of licensing at no charge the source code developed for its own font development, AFDKO (Adobe Font Development Kit for OpenType), allowed third-party font editing applications such as FontLab and FontMaster to add support with relative ease. Although Adobe’s text-driven coding support is not as visual as Microsoft’s separate tool, VOLT (Visual OpenType Layout Tool), the integration with the tools being used to make the fonts has been well received.
La page officielle de l’AFDKO :
►http://www.adobe.com/devnet/opentype/afdko.html
Note : le code est utilisable gratuitement, mais ça n’est pas (du tout) du logiciel libre pour autant :
►http://www.adobe.com/devnet/opentype/afdko/eula.html
Et pour les plus velus, il y a le forum de l’AFDKO pour FontLab :
►http://forum.fontlab.com/adobe-fdk-for-opentype-afdko-b38.0
Justement, la norme ADFDKO vient de changer et cela se répercute dans la dernière version de Fonlab (5.1). Deux lignes doivent être rajoutées au début du code #OpenType pour qu’il fonctionne : languagesystem DFLT dflt ;
languagesystem latn dflt ;
cf ►http://forum.fontlab.com/fontlab-studio-public-preview/download-info-for-fontlab-studio-51-public-preview-1-for-mac-lioncomp
Nouveau record de fonte pour les glaces du Pôle nord | Greenpeace Belgique
►http://www.greenpeace.org/belgium/fr/actualites-blogs/actualites/Nouveau-record-de-fonte-pour-les-glaces-du-pole-nord-
Depuis 1972, date des premières mesures par satellite, on n’a jamais observé un niveau de glaciation aussi bas. Il faut remonter de plus en plus au nord pour trouver encore une banquise permanente.
►http://www.youtube.com/watch?v=hUZJYEM0ixc
#climat #réchauffement #pole_nord #banquise #fonte_des_glaces
Rick Santorum’s Website Using Pirated Font Leads to $2 Million Lawsuit
►http://blog.extensis.com/font-compliance/rick-santorums-website-using-pirated-font-leads-to-2-million-lawsuit.
I’m willing to bet that this isn’t the kind of PR that Rick Santorum is looking for in his presidential campaign.
On Tuesday, August 16, 2011, the Dutch type foundry Typotheque filed suit against RaiseDigital LLC, a Virginia-based consulting company that develops website and other materials for political campaigns and politicians.
The lawsuit seeks up to $2 Million in damages for the alleged misuse of the Fedra type family. This shines a direct light on the fact that font compliance is a serious issue for anyone working in creative endeavors.
#fontes #webfonts #propriété_intellectuelle #USA #républicains
►http://test.prelude-prod.fr
Faites le test pour alimenter les stats autours de la visibilité des polices lissées.
Les résultats sont là : ►http://test.prelude-prod.fr/stats.php
#Paris : une banderole en solidarité avec le squat Skaramaga
►https://www.lereveil.ch/paris-une-banderole-en-solidarite
"Les compagnons du #squat de La #Buissonière de #Fontenay-sous-Bois en banlieue parisienne, ont accroché une banderole en grec, en soutien au squat Patission 61 & Skaramaga (Athènes). Sur la banderole : “#Solidarité avec le squat #Skaramaga, Retirez vos sales pattes de nos squats”."
Sansus Webissimo on Typography Served
►http://www.typographyserved.com/gallery/Sansus-Webissimo/1483039
Google Webfonts V2
Nouvelle interface graphique en test de Google Webfonts
►http://www.google.com/webfonts/v2
Elle est présentée sur leur blog :
“The Google Web Fonts team has been hard at work designing a new font browsing experience for www.google.com/webfonts. Today, this new interface is available for you to try! Just click here, or you can click the New Version link at the top of our current product. The interface has a lot of the features you’ve requested, including the ability to preview your own custom text, the ability to compare fonts side-by-side, as well as an indication of page load times.”
►http://googlewebfonts.blogspot.com/2011/06/new-face-of-google-web-fonts.html
#font-face #typographie #webfonts
Je découvre (avec horreur) que 95% de ces polices ne contiennent pas le œ, ni le Œ, et pas le Ÿ non plus. 25 ans après, on continue donc à subir les conséquences d’ISO 8859-1.
De plus, aucune ne semble contenir le symbole €.
Oui, aucune ne contient le signe euro, pour les autres caractères seules les polices qui ont le jeu Latin Extended les ont (ce qui ne fait pas lourd, et c’est loin d’être les plus chouettes). Typekit’s not dead.
xkcd : Connoisseur
►http://xkcd.com/915
If you locked people in a box for a year with 500 still frames of Joe Biden eating a sandwich, by the end they’d be adamant that some were great and some terrible.
Maven, une sans-serif de charme
►http://aris.papatheodorou.net/2011/03/maven-une-sans-serif-de-charme
Maven est une police sans-serif dessinée par Joe Prince et distribuée gratuitement par l’agence Vissol Ltd de Cardif. Conçue toute en courbes et d’une facture moderne, Maven Pro se veut une fonte complète (disponible à terme en version light, book et bold), et adaptée pour tout type de supports, du web au print.
Une chouette liste de #font libres dans Rhino06
►http://www.fadebiaye.com/read/rhino/rhino06.txt
*Sélection de caractères libres ::::::::::::::::::::::::::::::: :
¶ Open Source
TitilliumText ►http://www.fontsquirrel.com/fonts/TitilliumText
Nobile ►http://www.fontsquirrel.com/fonts/Nobile
Aurulent-Sans ►http://www.fontsquirrel.com/fonts/Aurulent-Sans
Lobster ►http://www.fontsquirrel.com/fonts/Lobster
Miama ►http://www.fontsquirrel.com/fonts/Miama
Vollkorn ►http://friedrichalthausen.de/?page_id=411
League Gothic ►http://www.fontsquirrel.com/fonts/League-Gothic
Theano Didot ►http://www.fontsquirrel.com/fonts/Theano-Didot
OFL Sorts Mill Goudy ►http://www.fontsquirrel.com/fonts/OFL-Sorts-Mill-Goudy
NotCourierSans ►http://www.fontsquirrel.com/fonts/NotCourierSans
Crimson Text ►http://aldusleaf.org
Molengo ►http://code.google.com/p/molengo-fonts/downloads/list
Neuton ►http://www.dafont.com/neuton.font
Tangerine ►http://www.fontsquirrel.com/fonts/Tangerine
Fanwood ►http://www.theleagueofmoveabletype.com/fonts/17-fanwood
Cabin ►http://www.impallari.com/cabin
Quattrocento ►http://www.impallari.com/quattrocento
PT Sans & PT Serif ►http://www.paratype.com/public
Arvo ►http://files.korkork.com/index.php?/fonts/arvo
Lekton ►http://www.google.com/webfonts/family?family=Lekton&subset=latin
Crushed ►http://www.google.com/webfonts/family?family=Crushed&subset=latin
Buda d’Adèle Antignac ►http://www.google.com/webfonts/family?family=Buda&subset=latin
UNB Pro & Office (excellent fork of Liberation Sans) ►http://www.marca.unb.br/unbpro-guia.php
Tiresias ►http://www.tiresias.org/fonts/fonts_download.htm
¶ Copyleft
Hattori-Hanzo ►http://www.fontsquirrel.com/fonts/Hattori-Hanzo
St-Marie : ►http://www.fontsquirrel.com/fonts/st-marie
Junction Regular ►http://www.fontsquirrel.com/fonts/junction-regular
Share ►http://www.fontsquirrel.com/fonts/Share-Regular
CPMono_V07 ►http://www.fontsquirrel.com/fonts/CPMono_v07
Neighbourhood ►http://andychung.ca/work/neighbourhood
Claus 1.0 ►http://www.silviolorusso.com/sito/index.php?/projects/claus-10
Fengardo de Loïc Sander ►http://www.akalollip.com/blog/?p=1673
Esos Tipos de la Utem ►http://esostiposdelautem.cl/fuentes
Bellafonte de Loïc Sander ►http://www.akalollip.com/blog/?p=2541
The #Font-Face Rule and Useful Web Font Tricks - Smashing Magazine
►http://www.smashingmagazine.com/2011/03/02/the-font-face-rule-revisited-and-useful-tricks
Most browsers won’t show any text before all Web fonts are imported. Firefox, however, displays the text using a system font and renders the text again, when the embedded Web fonts are completely loaded. This technique results in a “flash of unstyled text” that sometimes leads to side-effects. Web designers can control this behaviour by using #Google’s Webfont Loader.
Dario Taraborelli: Accessing OpenType font features in La#TeX
►http://nitens.org/taraborelli/TeXOpenType
Mainstream #typography websites discussing #OpenType support in design and typesetting applications (1-2) seem to be largely unaware of the amazing work done by the creators of the #XETEX typesetting system and of its high-level interface to OpenType features (the #fontspec package)