Font Italics not working with Safari.

GK User
Wed Nov 09, 2011 5:04 am
Im using the template Pixlove, but I think this is a framework issue.
Italic fonts do not render in Safari. ie Old Standard TT italic.

Normal regualar fonts work ok, firefox works. Thats great, but my clients has italics in there brand guideline docs and they all use Safari in there office. So a solution would be most appreciated.

Ive ticketed this, but in case any users have come across this I'd appreciate the help.

Thanks
Simon.
User avatar
Fresh Boarder

GK User
Wed Nov 09, 2011 8:16 am
If you are using this font straight from Googles font directory not all of the fonts are cross browser compatible.

You can check this by going to Google Web Font Api and look at the fonts by using different browsers.

I have faced with this problem and i managed to sort it out by downloading the font from font squirrel and use it in templates folder.

So I believe this is the font you are looking for.
Code: Select all
http://www.fontsquirrel.com/fonts/Old-Standard-TT

Download font face kit which is slightly underneath "Choose Font Formats:"
Upload it to templatesgk_pixellovefontsOld-Standard-TT

From Template Settings goto Fonts > Headers - fonts > Squirrel > Select - Old-Standard-TT
Delete h1,h2,h3,h4,h5 from those boxes which is just underneath.
Enable CSS Override from advanced features.
Edit "templatesgk_pixellovecssoverride.css"
Add below code:
Code: Select all
h1, h2, h3, h4, h5 {
    font-family: Old-Standard-TT;
    font-style: italic;
}

It should work ok now.

See you around...
User avatar
Platinum Boarder


cron