PDA

View Full Version : Custom Font Not Showing Up On Web


uneek78
06-13-2011, 07:16 PM
I added a custom font into Dreamweaver. It shows within dreamweaver and on my computer when I test the site. But not on other computers whether in IE, Google Chrome, or Mozilla Firefox. Is there anything I can do that can make the site display this font in other browsers other than my computer? The font I imported is called ChopinScript, but the webpages are just showing the regular font. It's the font in the Spry drop-down menu. But once again it shows up fine on my computer.

It's on my website www.gerardpayne.com

Using: Adobe CS5 Suite

johnMoss
06-13-2011, 10:03 PM
There is nothing you can do to 'make' other computers display your font, if you are using it as readable text. A font MUST be loaded and available in the viewers computer for that to happen. Else-wise, as you already have seen, a different font is subbed in. The only way to get the look you want is to use that font in an image, and then display the image.

DWcourse
06-13-2011, 10:12 PM
There are some options. @font-face (search for it) is one. It requires generating a couple different font formats and there are licensing issue with commercial fonts. But you might want to check it out.

There are also Google Fonts, Typekit and others.

domedia
06-14-2011, 12:45 PM
A font MUST be loaded and available in the viewers computer for that to happen.It used to be true, but there's more than one way to embed fonts on a web page nowadays. The only restrictions are related to licensing and browser support.

johnMoss
06-14-2011, 02:27 PM
It used to be true, but there's more than one way to embed fonts on a web page nowadays. The only restrictions are related to licensing and browser support.

What's the method? Link? Can I have it? Huh? Can I Can I Huh?? :-D

gentleone
06-14-2011, 04:42 PM
What's the method? Link? Can I have it? Huh? Can I Can I Huh?? :-D
In 2005 we had the introduction of sIFR and for that time it was a good alternative to display custom fonts, but it requires the Flash plugin.
http://www.mikeindustries.com/blog/sifr

Then came Cufon, but the downside of this one is that users can't select the text.
http://cufon.shoqolate.com/generate/

These days, like Jim already mentioned, we can use @font-face now because there are quite some cool free fonts that you can use for commercial projects.
My favorite is fontsquirrel, because of their handy generator that generates the appropriate font formats for the majority of browsers and platforms and include with the download a stylesheet wit the @font-face deceleration.
http://www.fontsquirrel.com/

Typkit has much, much more cooler fonts, but hey... they're commercial fonts which you have to buy a license for.
http://typekit.com/

gentleone
06-14-2011, 04:49 PM
OH... and to the uneek78. That photo on that page is HUUUUUUUUGE in size. Way too big. Don't scale it in your HTML, but scale it to the desired size in a Photo editor and you'll have a fast loading page.

johnMoss
06-14-2011, 05:40 PM
I'll check those out; I've used font-squirrel for a while. Cool though, I didn't know you could load the font in the style sheets.

gentleone
06-14-2011, 06:30 PM
I didn't know you could load the font in the style sheets.
@font-face is a CSS property just like any other CSS property, so stylesheet, in-page or in-line... it's all possible.