@fontface custom font not displaying correctly


#1

Hi, I followed the guide here to try and add the custom font my company uses to our landing page.

I created a CSS called ‘font’ with the following code included, but I cannot see the custom font when I load the preview. Is there another step I’m missing?

Sorry if this is a very basic question!

I xxxxd out part of the URL, but if anyone can help me and requires this info I can send it directly. If I go to the URLs, the font files are accessible…

/**
* Do not remove this section; it allows our team to troubleshoot and track feature adoption.
* TS:0001-07-008
*/

@font-face {
font-family: ‘FF Mark Pro Thin’;
src: url(‘http://xxxxxxx.com/resources/fonts/ff-mark-pro-book.otf’) format(‘opentype’),
url(‘http://xxxxxxx.com/resources/fonts/ff-mark-pro-book.woff’) format(‘woff’);
font-weight: 100;
font-style: normal;
}

/* Apply to headings 1 and 2 */
h1, h1 *,
h2, h2 * {
font-family: ‘FF Mark Pro Thin’, ‘Open Sans’, sans-serif !important;
}

/* Apply to buttons */
a.lp-pom-button * {
font-family: ‘FF Mark Pro Thin’, ‘Open Sans’, sans-serif !important;
}

/* Apply to entire page */

  • {
    font-family: ‘FF Mark Pro Thin’, ‘Open Sans’, sans-serif !important;
    }