Adding specific font to one line of text without affecting the rest of the site?

I'm trying to change just one line of text to its own font. I was able to do this with a markdown block and using the code below but the issue I'm facing is it seems like I'm only to change it to a smaller selection of fonts than there is available on Squarespace. We need to try out "Suave Script Pro" and generally try out a bunch of different fonts. Thanks so much!

<span style= "font-family: cursive; font-size:.5em; color: black; display: flex; justify-content: center">(example text here)</span>
 

17 hours ago, emlewis said:

<span style= "font-family: cursive; font-size:.5em; color: black; display: flex; justify-content: center">(example text here)</span>

Did this code not work when you replaced the font family? Is the font you are trying to use available or uploaded?

Thanks for the reply! The code works great and I'm able to change to some common fonts (arial, times, geneva, etc.) but it seems very limited what fonts I'm able to use. My client wants to try out Suave Script Pro and some others which are available on Squarespace. Any ideas? Do I need to upload any fonts I want to use in this small section even if they're available on Squarespace? 

If they are available on Squarespace you should be able to simply reference them. It may be worth adding them to a specific heading and inspecting the code to make sure you are using the correct font family name.

Yup I'm putting in the correct font family names. It seems like the issue is I can only use web safe fonts specifically in this markdown block. I'm able to see and use all fonts otherwise throughout my Squarespace websites.

You should be able to upload and reference with @font-face and then use them.

Thank you for help with this too! I imported the html to a bunch of google font options directly into the markdown block so we can try them all out. Thank you again!