12 {{ upvoteCount | shortNum }}
12 {{ upvoteCount | shortNum }}

How to get special font to show on your site?

by phil.wheatley
10 replies
Hi Gang

I downloaded a handwriting font which I installed in the windows/font folder, then imported into Dreamweaver and it all looks a treat! ...
.....but when I uploded the index page to my site, the font is not showing.

Any ideas what I need to do? Do I need to upload the font to the server? WHere does it go etc? Help :-)

Thanks
Phil
#font #show #site #special
  • Profile picture of the author Neil Morgan
    Hello Phil

    Fonts are not embedded in web pages (imagine the download time!).

    You should always avoid using fonts that are not commonly found on computers - bearing in mind that Windows and Mac have different fonts.

    The way to do what you want is to create an image with the font then use the image on your web page.

    Cheers,

    Neil
    Signature

    Easy email marketing automation without moving your lists.

    {{ DiscussionBoard.errors[1610283].message }}
  • Profile picture of the author phil.wheatley
    Agh, ok, I was thinking about the image idea but knew it would be a hassle. Thing is, it's really important to the look of my site, so it looks like that's what I'm going to have to do....oh the oy of doing tons of screenshots now.

    Thanks guys for your help.
    Cheers
    Phil
    Signature



    It's still not working for you??? Need direction?...
    ---->>>> BrainDirection.com <<<<----
    {{ DiscussionBoard.errors[1610292].message }}
  • Profile picture of the author TheNightOwl
    CoffeCup have a program designed to solve this problem: WebsiteFont

    Don't know what it does to load-time coz I've never used it. If you or your affiliates are driving PPC traffic, then you'll want to test that.

    If this font is for a big chunk of the page you might not want to use it because I think it converts the info to Flash so unless you're doing more advanced Flash programming, you can kiss any SEO benefits.

    If it's just for a headline, do it as a jpg or gif.

    Hope you solve the problem!

    Best,
    TheNightOwl
    Signature
    {{ DiscussionBoard.errors[1610300].message }}
  • Profile picture of the author Neil Morgan
    I had a look at that.

    I don't think I 'd use it because it requires the browser to have the Flash plugin installed, which means some people might not see some information that you really need them to see.

    This is one of these things where you just need to focus on getting the message across in the simplest way possible, rather than pushing the envelope.

    IMHO.

    Cheers,

    Neil
    Signature

    Easy email marketing automation without moving your lists.

    {{ DiscussionBoard.errors[1610310].message }}
  • Profile picture of the author sridhar
    You might want to use sIFR.

    It's kind of tricky to get hang of, but once you understand how you get it to work you can pretty much have any kind of font on your webpage. But do keep in mind that you shouldn't over-use it. Use it in place of images. It's search engine friendly, elegantly downgrades when the browser doesn't have Javascript and Flash on and is pleasing to look at.

    You can see it in action on my site (signature link). I use it for the headline and the heading titles. You can actually select that, it's text!

    Screenshot:

    Signature
    HTML/PSD to WP and WordPress Setup
    {{ DiscussionBoard.errors[1610336].message }}
  • Profile picture of the author knowwow
    Here is the jQuery solution: cufón - fonts for the people
    The page you'll land above may seem complicated, so here is a video tutorial I found that may help make it be more sensible:
    Cufn Font Replacement - Web Design Tutorial - Creare Blog

    You can use this for the whole site but I'd recommend you to use it for special needs (headers, navigation). That is because I haven't yet found out about the SEO implications of this.

    Note: The one downside is that when you select text it won't highlight, but you do select it.
    Signature

    - Chief Executive Philosopher

    {{ DiscussionBoard.errors[1610344].message }}
  • Profile picture of the author phil.wheatley
    Thanks again.

    Yeah, the reason why I was very keen on these fonts, is the standard ones are look VERY corporate, and it's for the Heavy Metal crowd! ha ha

    I think the best solution is still the images one, but I'll probably have to limit how many I stick in there.

    EDIT: Thanks also for those two other suggestions, I'll check those out too. Yeah, I wonder how much doing this will affect SEO, especially for the header which would be Heading 1.

    Thanks
    Phil
    Signature



    It's still not working for you??? Need direction?...
    ---->>>> BrainDirection.com <<<<----
    {{ DiscussionBoard.errors[1610370].message }}
  • Profile picture of the author Emmanuel ED
    Cufon is the easiest way to go achieve this. Seen it used on some wordpress themes.

    @knowwow thanks for the video.
    {{ DiscussionBoard.errors[1610476].message }}
  • Profile picture of the author TerrieS
    You can get fonts to appear on your site when you view it on your own computer, but if your visitors don't have that font installed, they will see their default font instead. This can often be a very ugly replacement!
    Signature
    Visit my Custom Video Designs website!
    {{ DiscussionBoard.errors[1610548].message }}

Trending Topics