Hello, I’m using Paul Irish’s “bulletpro of” @font-face code and a premade font kit from fontsquirrel.co m on my tumblr template. The @font-face code seems to work fine in Chrome but not in Safari or Firefox. It just reverts to Arial.
I know Firefox can have problems if the files are hosted on different domains but mine are not.
Also, I’ve visited a lot of other sites that have identical codes to mine and they seem to be working fine. I also tried using ‘Base64′ Encoding on the “fontsquir rel @font-face generator” that embedded the .ttf into the actual css but I deleted it after it failed also. It’s weird because that method was used by the actual creator of the template I adapted.
I’m entirely stumped.
Here is the code I am using:
Here is a link to my tumblr page: (excuse expletives in test posts)
Here is a link to my entire code w/embedded css:
here is a separate link to my css stylesheet:
I’ve really managed to confuse myself....any help or ideas would be greatly appreciated!
Thanks in advance.
I know Firefox can have problems if the files are hosted on different domains but mine are not.
Also, I’ve visited a lot of other sites that have identical codes to mine and they seem to be working fine. I also tried using ‘Base64′ Encoding on the “fontsquir rel @font-face generator” that embedded the .ttf into the actual css but I deleted it after it failed also. It’s weird because that method was used by the actual creator of the template I adapted.
I’m entirely stumped.
Here is the code I am using:
Code:
@font-face {
font-family: 'OldNewspaperTypes';
src: url('http://static.tumblr.com/swm4hby/0Jaleopd0/oldnewspapertypes.eot');
src: local('☺'),
url('http://static.tumblr.com/swm4hby/38Fleon4l/oldnewspapertypes-webfont.woff') format('woff'), url('http://static.tumblr.com/swm4hby/GkZleomml/oldnewspapertypes.ttf') format('truetype');
}
@font-face {
font-family: 'ComicZineOTRegular';
src: url('http://static.tumblr.com/swm4hby/B42leopds/comic_zine_ot-webfont.eot');
src: local('☺'), url('http://static.tumblr.com/swm4hby/eBDleopd1/comic_zine_ot-webfont.woff') format('woff'), url('http://static.tumblr.com/swm4hby/b30leos6c/comic_zine_ot-webfont.ttf') format('truetype') ;
}
Here is a link to my entire code w/embedded css:
here is a separate link to my css stylesheet:
I’ve really managed to confuse myself....any help or ideas would be greatly appreciated!
Thanks in advance.
Comment