3 Replies Latest reply on Jul 24, 2017 12:17 AM by Arun Sharma

    Custom font in Guided Landing Page template

    Benjamin Jacquet

      Hi all,

       

      I am trying to build a Guided Landing Page Template with a custom font and can't get it to work. Font is hosted on the company's website not in Marketo's Design Studio (though I did ultimately tried to upload those to Design Studio without any more success)

       

      Here is what the code looks like in the template:

      <style>

                  @font-face {

                      font-family: 'myfont';

                      src: url('http://www.url-of-the-font.com/fonts/myfont-regular.woff') format('woff'),

                      url('http://www.url-of-the-font.com/fonts/myfont-regular.ttf') format('truetype'),

                      url('http://www.url-of-the-font.com/fonts/myfont-regular.svg') format('svg'),

                      url('http://www.url-of-the-font.com/fonts/myfont-regular.eot') format('eot');

      font-weight: normal;

      font-style: normal;

                  }

       

      * {

      font-family: 'myfont';

                  }

      </style>

       

       

      Searching through the community I found posts that lead me to think I'm on the right path such as those below though I guess I'm missing something.

      https://nation.marketo.com/message/114839#comment-114839

      Regalix Marketo Services: How to add custom font to Marketo templates

       

      I also tried placing the @font-face in a separate stylesheet hosted in the Marketo Design Studio but this does not seem to work either.

       

      Any idea of what I may be missing here?

       

      Thanks,

      Benjamin