Support » Fixing WordPress » custom heading font – not showing on mobile

  • Hi!

    The font used by my theme for Headings is Arvo.

    I want to use for h2 a font called ‘Dawning of a new day’, so I added this piece of code in the custom CSS field:

    h2 {
    font-family: ‘Dawning of a new day’;
    font-size: 45px;
    color: #005aba;
    }

    It works fine on my laptop (I’ve got a Mac), but it doesn’t work on the mobile and neither on a Windows PC (I don’t know if all Windows PC’s.. at least one that I’ve tried).

    Any idea what’s going on and how I can fix it?

    Super many thanks!
    Laura

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hello Laura.

    I guess you need to include this font to your website first. For example, here you can grab the proper code for your website:

    <link href="https://fonts.googleapis.com/css?family=Dawning+of+a+New+Day" rel="stylesheet">
    and include this code in your header.php themes file.

    Or use this:
    @import url('https://fonts.googleapis.com/css?family=Dawning+of+a+New+Day');
    code in your main CSS file.

    After that I guess this font will work on any device, not only on your Mac 🙂

    • This reply was modified 2 years, 10 months ago by ΞX.MI.
    Thread Starter laura_b

    (@laura_b)

    Hi Ex.Mi!

    Thanks for your reply.

    I’m afraid that’s not the problem though. The font already exists in my theme – if I go to Customize -> the Typography section I can choose Dawning of a New Day as my header font – and then it works on all computers and phones (not just on my Mac). The problem is that I only want H2 to be Dawning of a New Day, and I’m happy with the other headers being Arvo (what they now are).

    Any idea what else I can try?

    Thanks so much for your help,
    Laura

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘custom heading font – not showing on mobile’ is closed to new replies.