5 posts
  • Has been part of the Envato Community for over 4 years
johnywhy says

are there newer methods for achieving this?

3007 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 200+ members
  • Has sold $250,000+ on Envato Market
  • Had an item featured in an Envato Bundle
+7 more
duotive says
are there newer methods for achieving this?

use cufon :)

5 posts
  • Has been part of the Envato Community for over 4 years
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
  • Has been part of the Envato Community for over 4 years
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
  • Has been part of the Envato Community for over 4 years
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
  • Has been part of the Envato Community for over 3 years
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!

2064 posts
  • Has collected 50+ items on Envato Market
  • Has been part of the Envato Community for over 4 years
  • Sells items exclusively on Envato Market
  • Located in 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.

3503 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $750,000+ on Envato Market
  • Located in United States
  • Helps us moderate the forums
+10 more
sevenspark Moderator says

Old thread attracting spam. Locked.

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by