Jump to content

Markdown fonts changing in different browsers

Recommended Posts

Site URL: https://peripheralviewmedia.com

I have created a couple markdowns to change font color within a single sentence. The fonts are changing to a more Times Roman font in Safari.

See attached screen shots for the font variations.

My markdown code is the following: 
<div style="text-align:center; font-size:1.75em"> We are your <span style="color:#FF4500; font-family:Myriad Pro; font-size:1.0em;">content creators</span>, <span style="color:#FF4500; font-family:Myriad Pro; font-size:1.0em;">strategy stewards</span>  and <span style="color:#FF4500; font-family:Myriad Pro; font-size:1.0em;">connection curators</span>— all in one turnkey storytelling bundle.<p></p></div>

I am using the Brine 7.0 template. 

Thanks for your help.
 

Screen Shot 2020-11-29 at 1.20.47 PM.png

Screen Shot 2020-11-29 at 1.20.32 PM.png

Link to comment
  • Replies 6
  • Views 636
  • Created
  • Last Reply

Use the following HTML.

<div data-preserve-html-node="true" style="text-align:center; font-size:1.75em">
  
  We are your
  
  <span data-preserve-html-node="true" style="color:#FF4500; font-size:1.0em;">
    
    content creators
    
    </span>,
    
  <span data-preserve-html-node="true" style="color:#FF4500; font-size:1.0em;">
  
    strategy stewards
    
    </span>
  
  and
  
  <span data-preserve-html-node="true" style="color:#FF4500; font-size:1.0em;">
  
    connection curators
    
    </span>,
  
  all within one turnkey storytelling bundle.
  
  <p data-preserve-html-node="true">
  
    </p>
    
  </div>

The issue was using font-family:Myriad Pro; The font family for that font is myriad-pro. In this location you don't need to redefine the font so I removed it.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
3 hours ago, jenartsquare said:

Any fix you might have for that that I can add to the markdown code? 

I suggest adding line-height: normal; or in place of normal you could do 1em, 1.1em, 1.2em, etc. Which ever gives you the kind of spacing you want.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.