WebFonts

Andrew Cunningham lang.support at GMAIL.COM
Tue Feb 15 22:41:30 UTC 2011


It is a bit trickier than that if you want to handle content in a
cross browser and cross OS manor, including mobile devices.

* You'd need to support eot, ttf/otf, woff and svg web fonts.

* Avoid optimising webfonts when they use opentype tables, since some
tools strip out opentype tables breaking the font.

* Current best practice for @font-face syntax is described at
http://readableweb.com/new-font-face-syntax-simpler-easier/

* Most recent versions of firefox impose same origin restrictions.
Other browsers may also do this in the future. This means that web
fonts have to be form the same origin as the stylesheet and site using
them. Its possible to get around this restriction if you want your
fonts at a different domain or sub-domain form the content. On an
apache server you will need to add a .htaccess file with commands to
allow other origins to use the fonts.

* You may want to use something like Googles WebFont Loader to handle
how webfonts are called and how the page is styled while the page is
loading (with cross browser consistency).

Andrew

On 16 February 2011 09:04, Neskie Manuel <neskiem at gmail.com> wrote:
> Yeah that's it.  The fonts have to be available somewhere on the web, but
> you have to make sure you have a license for it.



-- 
Andrew Cunningham
Senior Project Manager, Research and Development
Vicnet
State Library of Victoria
Australia

andrewc at vicnet.net.au
lang.support at gmail.com



More information about the Ilat mailing list