5 posts
  • 4 Years of Membership
johnywhy
says

are there newer methods for achieving this?

3007 posts
  • 5 Years of Membership
  • Affiliate Level 5
  • Author Level 9
  • Bundle Boss
+8 more
duotive
says
are there newer methods for achieving this?

use cufon :)

5 posts
  • 4 Years of Membership
johnywhy
says

i believe cufon is image-based fonts. but i need a solution which loads actual fonts into the webpage. @fontface seems like the only viable option, so i don’t see how this article is outdated at all. seems state-of-the-art.

question: the demo that comes with the font-kit i generated with squirrel works great on my webserver, but fails on Firefox when integrated into my website (same server). still works in IE/Chrome.

why would WOF /TTF files fail on Firefox when integrated into my website? any ideas?

5 posts
  • 4 Years of Membership
johnywhy
says

above firefox issue resolved.

firefox does not allow remotely-hosted fonts by default (i believe there’s a way to enable it at the browser, but that’s no help for web-dev).

to host font files remotely for firefox, there are two solutions (see paul irish “font-face gotchas”)

—embed font directly in css (use “base64” in fontsquirrel to get this. drawback: causes css bloat.)

—or, put .htaccess in remote font directory, granting access to your site domain. for mine to work (site hosted on yola sitebuilder), i had to use wildcard * in htaccess:

<FilesMatch "\.(ttf|otf|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*" 
</IfModule>
</FilesMatch>
5 posts
  • 4 Years of Membership
johnywhy
says

i strongly recommend anyone using this method read paul irish’s “font-face gotchas” and other similar articles.

for example, it’s recommended to include some extra css to achieve your desired bold and italics.

1 post
  • 3 Years of Membership
cr08
says

Thanks for the well laid out post. Back when Mozilla published their big hooplah over web fonts they made it out to be some super complex process where every browser had their own format and tons of CSS to sift through. Reading this blog post though it makes a hell of a lot more sense and is tons simpler. Really appreciated!

2067 posts
  • Collector Level 3
  • 5 Years of Membership
  • Exclusive Author
  • United States
Landonw
says
cr08 said
Thanks for the well laid out post. Back when Mozilla published their big hooplah over web fonts they made it out to be some super complex process where every browser had their own format and tons of CSS to sift through. Reading this blog post though it makes a hell of a lot more sense and is tons simpler. Really appreciated!
http://www.google.com/webfonts

P.S: Gravedigger.

3535 posts
  • Power Elite Author
  • Author Level 12
  • Trendsetter
  • United States
+13 more
sevenspark
Moderator
says

Old thread attracting spam. Locked.

by
by
by
by
by
by