View Full Version : Custom Fonts on Website - How?

11-11-2005, 03:29 AM
Here's my question...
Say I have a font that I would like to use on my website. When I upload the website... and look at it on other computers without that font, it shows up as Times. How can I make it so that the page can be shown with that font on ANY computer... without making it in PhotoShop? Is it possible to embed a font on your website, so that their computer accesses it when the HTML says what font the text is in?

Please help.
Thanks so much.

11-11-2005, 06:20 AM
Here (http://www.ssi-developer.net/design/embed-font.shtml) is one method I found by Googling for it. Note: This works for IE5 and IE6 but not Firefox or Opera.

11-11-2005, 07:47 AM
Here (http://www.ssi-developer.net/design/embed-font.shtml) is one method I found by Googling for it. Note: This works for IE5 and IE6 but not Firefox or Opera.

Thanks man, but I'm really looking for an ALL Browser compat.

11-11-2005, 08:36 AM
Thanks man, but I'm really looking for an ALL Browser compat.
I'm not a man, but you're welcome. ;)

I'm afraid if you want something that is cross-browser compatible, you'll have to Google for it (unless someone else comes along with the perfect script). It seems to be an elusive commodity.

11-11-2005, 10:00 AM
At the moment there is no reliable, cross-browser solution for custom fonts, which seems to indicate that this is no trivial problem. The issue has been rearing its ugly head for several years now, but little progress has been made at solving it, and I personally don't see how it can be solved.

Think about it: you're a designer, you forked out a consiberable amount of cash to buy a font set for your exclusive use; would you be willing to ship this asset to each and every visitor of your site before being absolutely sure they're not getting your precious font basically for free? I guess not.

So, the embedded font has to be made available in such a way that it cannot be used outside the web page it was intended for, but how would that work, since current browsers basically use the font files installed on the visitor's system for rendering text? Not a trivial problem, for sure.

Besides that, how desirable would it be for a visitor to download a complete font file, or several even, with each visit to a site?

11-11-2005, 10:12 AM
By the way (I got remembered by another post): although unsuited for longer sections of body text, for short sections like headers you might want to look into image replacement techniques, of which sIFR (http://www.mikeindustries.com/blog/archive/2004/08/sifr) seems to be one of the most advanced (but needs Flash).

04-30-2009, 05:00 PM
im sure you could dhtml to swap a character set for images letters etc.

would be a ball-ache though, as you would need a-z, A-Z, 0-9 and some special chars too (like , and . etc)

04-30-2009, 05:09 PM
Technically, there's a way which works on all versions of IE, Safari and is slated for the next Firefox release (not sure about Opera, but I'm sure it's on the way, if not there.) It uses the @font-face CSS at-rule. It does work pretty well, but it involves dealing with WEFT, an MS application which didn't seem to have the user in mind much and belongs in the realms of Windows ME.

05-05-2009, 09:50 AM
ive gone with the php PNG creation route... works well for me :)

05-05-2009, 01:14 PM
I recently discovered Cufón (http://wiki.github.com/sorccu/cufon/about) which looks like a nice alternative to sIFR (http://wiki.novemberborn.net/sifr/). However, the drawback of CSS @font-face and Cufón are that the font file is somewhere on your server and the path to it is visible to the public so the user may potentially be able to download a copyrighted font. Not sure if it would work to put the font into a password protected directory.

05-06-2009, 12:36 AM
Sounds like typeface.js, but I never could get that to work.

05-06-2009, 11:59 AM
I believe the sIFR is probably the best option at the moment, as mentioned above. My dos centos.

03-02-2010, 07:59 PM
I have used typeface, but it works only on local host.
while writing this post i just removed the font from my system not its hows calibri......
lets c if Fontjazz can do something

03-02-2010, 08:17 PM

Use this 100% tested. Please do use it.
I dont have font on my system. but this works on IE7, chrome, FF3.6, Opera10.5 too..... cool :thumbsup: :)