Markdown fonts changing in different browsers

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.
 

Please provide the site-wide password so we can take a look at your issue.

• Thank you, @creedon. Appreciate you taking a look. Password below. 

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.

Bravo, dear sir!  It worked great. The only issue I still have is the line height is squished on the mobile view for some reason. Any fix you might have for that that I can add to the markdown code? 

So grateful for this help. Thank you!

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.

Your suggestion worked! Thank you, @creedon!