WordPress.org

1. mindkil
   Member
   Posted 1 year ago #

   Hello,

   I have a problem in Safari (tested with 5.0), that fonts set by @font-face property sometimes don't show up correctly (only the fallback fonts). The strange thing is that for some styles it shows correctly and for some not, and I can't see any difference in the setting of the CSS property. In IE and Firefox it works as it should. Any suggestions?
   The page:
   http://c-o-b.baksagaspar.com/

   Thanks,
   bg

2. mindkil
   Member
   Posted 1 year ago #

   I found out the problem is Safari doesn't show the small-caps font-style.
   I would want to change it (text-transform to uppercase and reverting font-style to normal) by using conditional statements just for Safari.
   Tried the [if Webkit].class { fix } method, but it doesn't seem to work (tested it with Safari 5)
   Any suggestions??

3. mindkil
   Member
   Posted 1 year ago #

   OK, I found a great solution in a small JS snippet, that allows for a browser selection through CSS (eg: .webkit .mystyle { override:this; })
   http://rafael.adm.br/css_browser_selector/

   Thanks Rafael!!!

Topic Closed

This topic has been closed to new replies.