# otf Font Import and use **URL:** \ **Category:** CMS Development\ **Tags:** design-manager, css\ **Created:** [July 31, 2020, 9:48pm UTC](https://community.hubspot.com/t/otf-font-import-and-use/23675 "2020-07-31T21:48:50Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![DavidFJones](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/davidfjones/32/75439_2.png) [@DavidFJones](https://community.hubspot.com/u/DavidFJones)\ **Post date:** [July 31, 2020, 9:48pm UTC](https://community.hubspot.com/t/otf-font-import-and-use/23675/1 "2020-07-31T21:48:50Z")
Hey everyone, I’m trying to add a custom font provided by a client to a few pages, and I’m wondering if the otf font format is supported? I’ve followed this guide - [Use fonts in HubSpot](https://knowledge.hubspot.com/cos-general/use-custom-fonts-on-blog-posts-or-pages#:~:text=your%20hosted%20font%3A-,In%20your%20HubSpot%20account%2C%20navigate%20to%20Marketing%20%3E%20Files%20and%20Templates,name%20of%20the%20font%20file). but can’t seem to get the font to show on my page. ---
**Author:** ![isleybear](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/isleybear/32/13310_2.png) [@isleybear](https://community.hubspot.com/u/isleybear)\ **Post date:** [July 31, 2020, 10:22pm UTC](https://community.hubspot.com/t/otf-font-import-and-use/23675/2 "2020-07-31T22:22:06Z")
Any errors in your browser console? ---
**Author:** ![DavidFJones](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/davidfjones/32/75439_2.png) [@DavidFJones](https://community.hubspot.com/u/DavidFJones)\ **Post date:** [August 3, 2020, 9:37pm UTC](https://community.hubspot.com/t/otf-font-import-and-use/23675/3 "2020-08-03T21:37:12Z")
I have an XMLHttpRequest CORS error and and api get error, but nothing that I can see related to fonts. Errors: `Access to XMLHttpRequest at 'https://cp.hubspot.com/content-tools-menu/api/v1/tools-menu/permissions?portalId=xxxxxxx' from origin 'https://preview.hs-sites.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.``GET https://cp.hubspot.com/content-tools-menu/api/v1/tools-menu/permissions?portalId=xxxxxxx net::ERR_FAILED` ---
**Author:** ![Kevin-C](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kevin-c/32/34570_2.png) [@Kevin-C](https://community.hubspot.com/u/Kevin-C)\ **Post date:** [August 3, 2020, 9:40pm UTC](https://community.hubspot.com/t/otf-font-import-and-use/23675/4 "2020-08-03T21:40:11Z")
Hey @DavidFJones How are you implementing the fonts? @font-face or Another method? Edit: [Maybe there are insights to be gained from this post?](https://stackoverflow.com/questions/3245141/using-otf-fonts-on-web-browsers) ---
**Author:** ![DavidFJones](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/davidfjones/32/75439_2.png) [@DavidFJones](https://community.hubspot.com/u/DavidFJones)\ **Post date:** [August 3, 2020, 9:47pm UTC](https://community.hubspot.com/t/otf-font-import-and-use/23675/5 "2020-08-03T21:47:14Z")
Wow. So while reading the post you linked to, I found out the issue was that I was trying to call my font face file type using “otf” instead of “opentype”. Thanks for the help! For reference, what my code looks like is as follows - `@font-face { font-family: 'DINNextRoundedLTPro-Regular'; src: url('https://xxxxxxx.com/fonts/Linotype%20-%20DINNextRoundedLTPro-Regular.otf') format('opentype');}` ---
**Author:** ![Kevin-C](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kevin-c/32/34570_2.png) [@Kevin-C](https://community.hubspot.com/u/Kevin-C)\ **Post date:** [August 3, 2020, 9:53pm UTC](https://community.hubspot.com/t/otf-font-import-and-use/23675/6 "2020-08-03T21:53:51Z")
The absolute bane of working with font formats! I hope we’ll see the browser make that decsion on it’s own in the very near future! Glad it helped! ---
**Author:** ![SoporteAM](https://avatars.discourse-cdn.com/v4/letter/s/c2a13f/32.png) [@SoporteAM](https://community.hubspot.com/u/SoporteAM)\ **Post date:** [March 12, 2022, 6:46pm UTC](https://community.hubspot.com/t/otf-font-import-and-use/23675/7 "2022-03-12T18:46:51Z")
Can someone help me find out how to import custom fonts to Hubspot (for landing pages and marketing emails?) My email is [soporte@andresmorera.com](mailto:soporte@andresmorera.com) Thanks.