SOLVED

Reference custom fonts in design studio

Go to solution
KZ
Level 1
Level 1

Is it possible to upload custom font files to design studio and references them in html templates? Or do the font stylesheets need to be hosted somewhere else?

 

This (uploaded fonts to sandbox and production design studio, referencing both):
@font-face {font-family: "Averta-Semibold";
src: url(http://pages2.mindbodyonline.com/rs/327-TQG-964/images/Averta-SemiBold.eot) format("embedded-opentype"),
url(https://pages.mindbodyonline.com/rs/346-JOI-498/images/Averta-SemiBold.eot) format("embedded-opentype");} 

 

Or this (found location of fonts in website css and using that as a reference)
@font-face{font-family:"Averta-Semibold";font-style:normal;font-weight:600;src:url(https://www.mindbodyonline.com/themes/mindbody/dist/patterns/fonts/3A498A_C_0.eot);src:url(https://w...) format("embedded-opentype"),url(https://www.mindbodyonline.com/themes/mindbody/dist/patterns/fonts/3A498A_C_0.woff2) format("woff2"),url(https://www.mindbodyonline.com/themes/mindbody/dist/patterns/fonts/3A498A_C_0.woff) format("woff"),url(https://www.mindbodyonline.com/themes/mindbody/dist/patterns/fonts/3A498A_C_0.ttf) format("truetype");text-rendering:optimizeLegibility;unicode-range:U+000-5FF}

1 ACCEPTED SOLUTION
SanfordWhiteman
Level 10 - Community Moderator

Unfortunately, whether it's possible is an instance-by-instance thing.

 

Your instance uses MIME type text/plain for .eot, so I wouldn't trust it. Other instances serve .eot as octet-stream, which is fine. (Marketo doesn't configure all LP/DS webservers exactly the same.)

View solution in original post

1 REPLY 1
SanfordWhiteman
Level 10 - Community Moderator

Unfortunately, whether it's possible is an instance-by-instance thing.

 

Your instance uses MIME type text/plain for .eot, so I wouldn't trust it. Other instances serve .eot as octet-stream, which is fine. (Marketo doesn't configure all LP/DS webservers exactly the same.)