I would then double check the CSS to make sure there isn't any little mistakes like the one I mentioned before
If there is still a problem, I would create a new .html file, add the @font-face and try to apply the font
Lastly if that's still not working, I would imagine it's the font's fault. Try a font squirrel or Google font. That should work - and once that does you'd have confirmation that the .ttf is the problem - (but it does work for me on the testpage.html)
Will do. Why does it need to be "Calliehand" ? I thought that single word fonts don't need quotation marks. I tried a font from font squirrel a little while ago and I had the same problem.
Aa, in one of my web design classes I learned that single word fonts do not need quotations. Although this might not apply to externally loaded fonts.
As for HTML errors there were two that I have control over. I didn't close a list item and there were multiples of one id. There were some issues with the tumblr audio player from what I can tell. And some tumblr iframe, I'm guessing it is the "follow" and "tumblr" buttons that are at the top right of every page.
Google Web Fonts work fine! I'm going to stick with that. It's probably better to load fonts from them than from my server for a tumblr theme anyway. Thanks!
@LaurelBrittany If you want to check your CSS then you are best using CSS Lint. I would recommend reading the documentation to get an understanding of the warnings that may appear.
It works in every browser but Firefox:
http://ldesigns01.tumblr.com/
The same CSS works on my server here:
http://www.lwebdesigns.net/fonts/testpage.html
Any idea why this would be happening?
You have a property and value of:
within the CSS. That should look something more like this:
However the testpage.html font loads up correctly for me in Firefox but it doesn't on the http://ldesigns01.tumblr.com/ page.
As for HTML errors there were two that I have control over. I didn't close a list item and there were multiples of one id. There were some issues with the tumblr audio player from what I can tell. And some tumblr iframe, I'm guessing it is the "follow" and "tumblr" buttons that are at the top right of every page.
As for css I had a lot of errors:
http://jigsaw.w3.org/css-validator/validator?uri=http://ldesigns01.tumblr.com/&profile=css21&usermedium=all&warning=1&vextwarning=&lang=en
Most of these say "Property . . . does not exist". I'm not sure how to deal with these.
use font :
font-family: 'Calliehand', Arial;