Allright, let's ramp it up a bit.
1. Not a real problem, but odd:
Right now, I have the same CSS (for my fonts, seen below) pasted in my custom.css and in the Quick CSS box in the Theme Options. I have found that if I delete it from the Quick CSS frame, the custom css will not load either. Isn't that a bit weird?
2. Ambition:
After succeeding in loading @font-face, I want both my font variants to work, but I can't figure how. I have Tarzana Bold and Medium, and I would like Bold on h1 headings and Medium on h2's. Below is my code, which does not do the trick. As seen earlier, it does load the first (Tarzana Bold, "tarzanarbol") both in the menu and as content heads, but not the second (Tarzana Medium, "TarzaNar"). Can you help me figure out why?
.cufon_headings {
font-family: "tarzanarbol-290711001EmigreWebOnly", Verdana, sans-serif;
}
@font-face{
font-family: 'tarzanarbol-290711001EmigreWebOnly';
src: url('wp-content/themes/flashlight/fonts/tarzanarbol-290711001EmigreWebOnly.eot');
src: url('wp-content/themes/flashlight/fonts/tarzanarbol-290711001EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
url('wp-content/themes/flashlight/fonts/tarzanarbol-290711001EmigreWebOnly.woff') format('woff');
}
@font-face{
font-family: 'TarzaNar-290711001EmigreWebOnly';
src: url('wp-content/themes/flashlight/fonts/TarzaNar-290711001EmigreWebOnly.eot');
src: url('wp-content/themes/flashlight/fonts/TarzaNar-290711001EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
url('wp-content/themes/flashlight/fonts/TarzaNar-290711001EmigreWebOnly.woff') format('woff');
}
h1 { font-family: 'tarzanarbol-290711001EmigreWebOnly', Verdana, sans-serif;
}
h2 { font-family: 'TarzaNar-290711001EmigreWebOnly', Verdana, sans-serif;
}