Site title fonts are changed, works well, but doesn’t on mobile devices

  • I’ve changed the site title and site description font style with the following CSS:

    .site-title + .site-description {
  font-family: Freestyle Script;
}

.site-title {
  font-family: Freestyle Script;
}

    And it looks like everything is ok. Tested on different browser, and simulated the mobile devices, looks good.
    emulation1
    emulation2

    But in real, checking on the device, the font type changed back to the original set (i guess).

    the site is here

    Thank you for your helping in advance.iPhone6 screenshot

    • This topic was modified 7 years, 12 months ago by atosz.
    • This topic was modified 7 years, 12 months ago by atosz.
Viewing 1 replies (of 1 total)
  • Theme Author Shaped Pixels

    (@shaped-pixels)

    If you have the freestyle script font installed on your computer, this is why you see it. I see it because I have the font installed as well. But in mobile devices, the font is not installed.

    For any font to be seen that is not already part of an operating system, installed manually, or not loaded by the website by other means, it won’t be seen, it “must” be installed or loaded for others to see it.

    There are several methods of adding/loading fonts, so you may want to check Google, or, install a font plugin that has that font in it.

    I should also mention that when using a font family that is more than one word, such as Freestyle Script, in your CSS you should do it with quotes:

    Not like this:

    font-family: Freestyle Script

    But like this:

    font-family: “Freestyle Script”

    • This reply was modified 7 years, 12 months ago by Shaped Pixels.
Viewing 1 replies (of 1 total)
  • The topic ‘Site title fonts are changed, works well, but doesn’t on mobile devices’ is closed to new replies.