# Not a Good Font

**URL:** <https://community.hubspot.com/t/not-a-good-font/32033>\
**Category:** CMS Development\
**Created:** [February 19, 2021, 1:42pm UTC](https://community.hubspot.com/t/not-a-good-font/32033 "2021-02-19T13:42:08Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![pierrelevi](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/pierrelevi/32/78471_2.png) [@pierrelevi](https://community.hubspot.com/u/pierrelevi)\
**Post date:** [February 19, 2021, 1:42pm UTC](https://community.hubspot.com/t/not-a-good-font/32033/1 "2021-02-19T13:42:08Z")

</div>

Hello everyone,

I’ve an issue with one of my fonts, the heading one.  
I’ve a custom font, not a Google Font. I’ve followed this documentation to import it : [Use fonts in HubSpot](https://knowledge.hubspot.com/cos-general/use-custom-fonts-on-blog-posts-or-pages)

So I’ve on the top of my CSS one line :  
**@font-face { font-family: ‘Druk’; src: url(‘[https://f.hubspotusercontent40.net/hubfs/7721299/Druk-Medium.otf](https://f.hubspotusercontent40.net/hubfs/7721299/Druk-Medium.otf)’) format(‘eot’), url(‘your\_font\_file.woff’) format(‘woff’), url(‘your\_font\_file.ttf’) format(‘truetype’);}**  
And an other one below :  
**{% set heading\_font\_family = “Druk, Sans-serif” %} /\* Heading Font \*/**  
like this :

![38331iCBDE8B7F59C78368.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/d/1/d14a7b702d4607696a3977957deccc969c26c49c.png)

But it’s still not working, I’ve the first screenshot on my chrome browser and the second is in every other browser (inclunding mine, inclunding in private nav)

 ![38329i552933E69E87FFF0.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/5/f/5fe7a028ef7c80477b99f9da9bc40dd33e0327bc.jpeg)  
The font I have on Chrome Desktop (Druk)  
 ![38330i079A2EC44A79595E.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/1/4/141558a011fa7896c1b321f6aa346480543c5690.jpeg)  
The font I have on every other desktop 😢

You know how can I manage to have the Druk font on every H1 ?

Thanks a lot,

Pierre

---

<div class="post-metadata">

**Author:** ![DanielSanchez](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/danielsanchez/32/48193_2.png) [@DanielSanchez](https://community.hubspot.com/u/DanielSanchez)\
**Post date:** [February 19, 2021, 2:30pm UTC](https://community.hubspot.com/t/not-a-good-font/32033/2 "2021-02-19T14:30:38Z")

</div>

Hi @pierrelevi , can you send a published link or a preview of your page for us to analyze in production?

Big hug! 🙂

---

<div class="post-metadata">

**Author:** ![piersg](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/piersg/32/99782_2.png) [@piersg](https://community.hubspot.com/u/piersg)\
**Post date:** [February 19, 2021, 2:54pm UTC](https://community.hubspot.com/t/not-a-good-font/32033/3 "2021-02-19T14:54:57Z")

</div>

Hi @pierrelevi,

Your font format is wrong; EOT font format is only supported by IE. Change your format to opentype (which is what OTF stands for)

```lia-code-sample
@font-face {
 font-family: 'Druk';
 src: url('https://f.hubspotusercontent40.net/hubfs/7721299/Druk-Medium.otf') format("opentype");
}

```

---

<div class="post-metadata">

**Author:** ![pierrelevi](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/pierrelevi/32/78471_2.png) [@pierrelevi](https://community.hubspot.com/u/pierrelevi)\
**Post date:** [February 19, 2021, 3:04pm UTC](https://community.hubspot.com/t/not-a-good-font/32033/4 "2021-02-19T15:04:29Z")

</div>

It worked perfectly !!!

Thanks a lot,

Pierre