I want to use custom font SlatePro in my Microsite. I have 3 otf files for three different fonts. How do i achieve this.
I have noticed that sometimes the custom fonts which are externally linked gets blocked in sfmc cloud pages and microsites. There is a work around to this by Base64encoding the font file into css header or css file.
Basically you will have to Base64Encode the font file and put it in your css header up top in your microsite. Here is the link to the site.
SET @customFont = "AAEAAAAQAQAABAAATFRTSFYQNIsAAAWAAAAA6k9TLzKDu5zQAAABiAAAAGBWRE1YarRyOgAABmwAAAXgY21hcAx2xBwAACE...."
Just below the AMPScript you will then reference your custom font.
Note: Font type needs to be set within the font-family if you're Base64Encoding the same font type.