Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Custom CSS font not showing up on Mobile


MarissaChance

Question

Site URL: https://marissalachance.squarespace.com/

I used this code to add different fonts within the same line of text throughout my website:

custom CSS:

@font-face { 
  font-family: monarcha;
  font-style: italic;
  }

h1{
  text-align: center;
}

This is what I entered as the HTML within the page:

<h1>
 a <i>MOOD</i> BOARD that <span style="font-family: monarcha">inspires me</span>.
</h1>

Everything looks great when I open my site on my desktop, however when I open it on my phone the entire font that I added with custom CSS has changed to a default one. I did notice that I when I change the font under "Miscellaneous Fonts" it changes the font at every place where my custom font is on each page. Another solution could be to change the Miscellaneous Fonts to a different one but only for Mobile, I don't want to change the Desktop design.

If anyone has suggestions on how to fix this or a better way to use more than 1 font in a line of text please let me know!

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

2 answers to this question

Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...