In my current project, I am working with an imported serif font that inherently has an italic skew to it. I would like to set the fallback font to georgia, but I would like to apply the italic version of Georgia as the fallback, rather than it’s normal display.
Is there any way I can apply Italics to just one of my fallbacks? or is there a way I can call upon the italic display of Georgia within the css?
(I wish I could be as helpful on the forums as most of you seem to be, but I am still pretty new to all this!)
I am using a font from lost type called [pigeon](http://www.losttype.com/font/?name=pigeon “”). The font itself, to me at least, looks to be inherently italicized. needless to say, it does bear a similarity to italic Georgia, hence why I would like to set that as the fall back.
I can see what you mean. The only way of doing it that I can think of is using Modernizr. This then detects what browsers do (and don’t) support. If it doesn’t support @font-face, it applies a class of no-fontface to the html tag. You then target that like so:
Hmm you could have a JS function that checks to see what the body font-family is, and if it is currently Georgia add a CSS value to the body to make it italicized. But I wouldn’t want to do that, unless it is extremely important that everyone sees italic text.
You can add multiple local sources to one font-face declaration. I updated the pen to show that. It doesn’t take standard Georgia and italicize it. Quite annoying. One would assume though, that if the user has Georgia installed, they also have Georgia Italic. I am using Windows and Mac right now and both have Georgia pre-installed.