@font-face not showing correctly in Safari

  • Resolved mindkil

    (@mindkil)


    14 years, 7 months 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:
    https://c-o-b.baksagaspar.com/

    Thanks,
    bg

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter mindkil

    (@mindkil)

    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??

    Thread Starter mindkil

    (@mindkil)

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

    Thanks Rafael!!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘@font-face not showing correctly in Safari’ is closed to new replies.