How to call a font in CSS from font uploaded to web server?

damian5000's picture

I've got this In my CSS.

@font-face {
font-family: '20th Century Font';
src: url(ftp://www.mysite.com/forum/fonts/20THBOLD.TTF);
}

Have tried calling it with all different names, but it refuses to show. How do I find the name I need to call in CSS. NexusFont tells me the postscriptname is 20thCenturyFontBold, but that doesn't work. I've tried many combinations...

Do I need to add something to the header as well to force the remote computer to download it?

damian5000's picture

sorry. It's http, not ftp. Still doesn't work. Any ideas?

damian5000's picture

hmmm.. It's working now. Not sure what the deal was. Thanks

Found out the problem. I was missing www in front of the .ttf file link.

ralf h.'s picture

You should use relative links instead of absolute ones. Otherwise some browsers might not show the font.
Also, the internal font name is irrelevant. What you put after "font-family:" is totally up to you. It's just a reference to the linked file.

Syndicate content Syndicate content