Custom font not displaying

  • Resolved 1200ug

    (@1200ug)


    10 years, 6 months ago

    I have added a custom font as my H1 title, although Chrome does not display it. Safari displays it no problem.

    I have used @font-face { font-family: lobster; src: url("fonts/lobster.otf"); format('opentype');} in my style.css of my child theme, and then for the h1 I have used h1.headtitle {font-family:lobster;}.

    Like I said, Safari loads it fine, but when I view it in Chrome, it just defaults to the standard font. Can anybody suggest what I’m doing wrong please?

    Here is a link to my site

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Works for me in Chrome, try deactivating all of your addons.

    Thread Starter 1200ug

    (@1200ug)

    You can see the custom font-face?

    Hmm strange. I can see it in Chrome running a copy of WP on localhost, just not my main website…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I can see the Lobster font face, yes. Unless you’re looking at a different bit of the page?

    Thread Starter 1200ug

    (@1200ug)

    No, yes it’s the lobster. I’ve just tried opening an icognito tab on my phone and it displays there so thats all ok ??

    Thanks for confirming it works!

    Resolved

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Custom font not displaying’ is closed to new replies.