• 0

Custom Fonts


Question

I'm creating my own website for learning purposes and was wondering if there was a way to use a custom font for a webpage's content. i know how to address fonts so that the fonts found on your computer are used (and using alternative if the font I choose isn't on your machine). I was wondering if it was possible to have a font on the web server, and use that as the font. That way regardless of whether or not the user/viewer has it on their machine, it will show up as wanted because it is on the same web server the website is hosted on. Is this possible? If so how can I implement this tech into my website?

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0

@font-face

It's supported in IE4+, Safari 2+ (or something), Firefox 3.5+, etc.

If it isn't supported, then just use one of the system fonts, the alternative solutions aren't very good (Flash, a hidden <canvas> tag, images, etc.)

Link to comment
Share on other sites

  • 0

Remember this: some people can not read your specific font. You need to at least add 3 types of fonts like this:

font-family: customfont, verdana, arial; 

If you are using CSS, use font family format like above. If not, use @font-face format.

FYI, If you are using CSS, the custom font can not be used on their users' end unless they have that font installed in system. And if they don't like it or can not read, they can simply change it. They may not come back because of the unreadable font.

Link to comment
Share on other sites

  • 0

Just wondering from a non-dev point of view. Isn't this considering bad practice? Because surely no method is foolproof of displaying custom fonts?

@font-face is about as fool-proof as you get in modern browsers, but for legacy ones, that's why there's fallback declarations.

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.