At the beginning I will say that I am not a native english speaker, not a typographer.\n\nI am, though, a web designer & developer from Krakow.\n
Please raise your hands: how many of you know what is a CSS font stack?\n
CSS Fonts is a way to define fonts that are displayed if our desired font isn&#x2019;t installed in users&#x2019; machine.\nIt defines the preferred order of &#x201C;back up&#x201D; fonts to use.\nIt should always end with a generic font-family.\n
Web designers are often constrained by the so called &#x201C;Web Safe Fonts&#x201D; when creating web pages and whilst 95% of machines worldwide now have these fonts, they were first packaged with Windows XP back in 2001.\n
These fonts exist on 95% of the machines. Of course it varies basing on the Operating System.\nAlso, devices like iPhone / iPad have much limited font set as well.\nYou will probably agree with me that these fonts are plainly overused.\n
In early 2000s, we used various ways of image replacement. They could be generated dynamically to serve custom text and avoid generating it in advance.\nProblems with: transparency\n
Then, Mike Davidson basing on the work of Shaun Inman published sIFR, a way to embed custom fonts to sites using Flash.\nThis solved a problem for some time, but the fonts couldn&#x2019;t be used for body text. \nAlso, the flash text isn&#x2019;t working for mobile devices.\n
In 2008, Cufon came out and designers were very excited about it again.\nUnfortunately, this solution based on HTML Canvas, which is just a hack.\n
Here is the new CSS3 syntax for embedding the fonts.\n
There are 4 different types of formats for various browsers: otf&ttf, svg, woff and eot.\nThese different formats were caused by the differences of the browser vendors politics.\n
Font Squirrel will let you get the generated files and the CSS ruleset\n
Unfortunately, there is a problem with licenses.\nEmbedding font via @font-face means anybody can download it even if the font license forbids it.\n
The solution: thankfully there are companies which will host the web fonts to you so you don&#x2019;t have to care about the licensing problems.\nThe most popular are Google Web Fonts, Typekit, Fonts.com and Font Deck.\n
Font embedding for the web
Font embedding for the webPOZNAN, 18.06.2011 Wojtek Zajac.com
Disclaimer I am:✦ NOT a native english speaker ☺✦ NOT a typographer✦ Web Designer & Developer
Use web font hosting services popular, the simplest to use personal (free) and paid accounts small, curated set of freely licensed fonts wide range of fonts, mobile support over 10000 fonts to choose from annual fee extensive localization support doesn’t support desktop useMore: http://sprungmarker.de/wp-content/uploads/webfont-services/
Remember:Buying a font license doesn’t always let you use it on the web.
Browse www.fontspring.com and www.fontshop.com to ﬁnd professional fontsready for embedding for the web.
Thanks!http://www.slideshare.net/wojciechzajacWojtek Zajac (@theanxy) This work is licensed email@example.com a Creative Commons Attribution 3.0 Unported
¿Le ha llamado la atención una diapositiva en particular?
Recortar diapositivas es una manera útil de recopilar información importante para consultarla más tarde.