Reference custom fonts in design studio

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(mindbodyonline.com/themes/mindbody/dist/patterns/fonts/3A498A_C_0.eot);src:url(https://mindbodyonline.com/themes/mindbody/dist/patterns/fonts/3A498A_C_0.eot#iefix) format("embedded-opentype"),url(mindbodyonline.com/themes/mindbody/dist/patterns/fonts/3A498A_C_0.woff2) format("woff2"),url(mindbodyonline.com/themes/mindbody/dist/patterns/fonts/3A498A_C_0.woff) format("woff"),url(mindbodyonline.com/themes/mindbody/dist/patterns/fonts/3A498A_C_0.ttf) format("truetype");text-rendering:optimizeLegibility;unicode-range:U+000-5FF}