Font type not displaying on mobile device

  • Hi,

    I have a problem with fonts on my website, London Calling.

    I have used this CSS in the child theme –

    body {
    font-family: trajan pro;
    }

    which works fine with desktop browsing but the site refers to default fonts when viewed (in safari) on mobile.

    Any help?!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator cubecolour

    (@numeeja)

    you need to specify the font name in quotes as there is a space in the name.

    ie: font-family: 'trajan pro';

    If that doesn’t work, how is the trajan pro webfont being included? are you using a service such as typekit or a webfont kit as part of the theme or included via a plugin?

    If you are not using a webfont, then that is the problem – as any font needs to be available to the browser for the browser to use it.

    Thread Starter RobJonze

    (@robjonze)

    Thanks for the reply, very much appreciated. I think it’s the typekit / webfont kit problem that you mentioned. How would I go about fixing it? (Sorry, I’m a bit green when it comes to this!!)

    Moderator cubecolour

    (@numeeja)

    I believe the only way in which Trajan pro can be licensed for use as a webfont is through typekit. You find out about this at https://typekit.com/fonts/trajan-pro-3

    Thread Starter RobJonze

    (@robjonze)

    Thanks for the link. Quick question; why does that font work with desktop browsing (firefox) but not mobile browsing (safari)?

    Moderator cubecolour

    (@numeeja)

    Your computer has the font installed but your mobile doesn’t.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Font type not displaying on mobile device’ is closed to new replies.