Font change on Mobile devices

  • Hi, I’m very new to web development and I changed the font style in my header to:
    #site-title {
    font-family: ‘Edwardian Script ITC’, “Helvetica Neue”, Arial, Helvetica, “Nimbus Sans L”, sans-serif;
    font-size: 60px;
    font-size: 8rem;
    line-height: 1.212;
    text-align: center;
    However, the font style is showing up as Arial on mobile phones. I read something about Media Queries but I wasn’t sure if that applied to font styles.
    Can anyone tell me how to change the font style on phones to be the same as the font on my website as viewed on a desktop?
    Here’s a link to my website https://www.victoriouseventssd.com. A HUGE thank you in advance ??

Viewing 2 replies - 1 through 2 (of 2 total)

  • Fonts will only appear if they’re installed on the device so, while you’re able to see the Edwardian Script on a PC you can’t on a phone because it’s not installed there.

    Helvetica Neue would also not work for the same reason so the CSS stack will fall back to the third default which is Arial.

    To get around this try using a web font

    Thread Starter victoriousevents

    (@victoriousevents)

    Thank you. I’ll try that now.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Font change on Mobile devices’ is closed to new replies.