Search code examples
cssfontsfont-facetumblr

Custom font using CSS3 @font-face not working

This may seem like a silly question, but do custom fonts that are linked to using @font-face also need to be installed locally in order for them to work?

I have the following code: 

@font-face {font-family:"3dumb";src:url(‘http://static.tumblr.com/wi49tax/8Vmlzz5ja/3dumb.ttf’);}
@font-face {font-family:"2dumb";src:url(‘http://static.tumblr.com/wi49tax/fC0lzz68h/2dumb.ttf’);}

#pages {font-family: "3dumb";
       font-size: 2.2em;
   }

The code works on the machine that I have the font installed on (in Safari 5.0.5), but it doesn't work on ay other machine I try it on...

Any help would be greatly appreciated!

Solution

  • As it stands, taking your code literally, it won't work because you use curly quotes rather than straight quotes. Replace the curly quotes with straight quotes and see if that works.