# @import Google Font not working within css files

**URL:** <https://community.hubspot.com/t/import-google-font-not-working-within-css-files/19621>\
**Category:** Blog, Website & Page Publishing\
**Tags:** website-pages, design-tools\
**Created:** [March 24, 2020, 8:12pm UTC](https://community.hubspot.com/t/import-google-font-not-working-within-css-files/19621 "2020-03-24T20:12:32Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![bstock98](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/bstock98/32/71597_2.png) [@bstock98](https://community.hubspot.com/u/bstock98)\
**Post date:** [March 24, 2020, 8:12pm UTC](https://community.hubspot.com/t/import-google-font-not-working-within-css-files/19621/1 "2020-03-24T20:12:32Z")

</div>

Hey there Everyone,

I am trying to add a different font to the css stylesheets attached to the website I’m designing and I can’t seem to get a new google font to import with the URL link and font-family reference.

Would anyone be able to show me what I’m doing wrong here?

This is the import link in the first stylesheet:

_@import url('[https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap’);/\*\*](https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');/\*\*)_

Here is the font-family reference:

_font-family: ‘Raleway’, sans-serif; /\* 1 \*/  
-ms-text-size-adjust: 100%; /\* 2 \*/  
-webkit-text-size-adjust: 100%; /\* 2 \*/  
}_

If you need anymore info to help me clarify this, please let me know.

As always your help is greatly appreciated.

Ben S.

---

<div class="post-metadata">

**Author:** ![Ben\_M](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ben_m/32/2679_2.png) [@Ben\_M](https://community.hubspot.com/u/Ben_M)\
**Post date:** [March 25, 2020, 12:15am UTC](https://community.hubspot.com/t/import-google-font-not-working-within-css-files/19621/2 "2020-03-25T00:15:55Z")

</div>

We are going to need to see the page in question or a test page that you can publish. There is nothing wrong with the code itself that you published, but there could be an error on the page preventing the code from working as expected.

---

<div class="post-metadata">

**Author:** ![bstock98](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/bstock98/32/71597_2.png) [@bstock98](https://community.hubspot.com/u/bstock98)\
**Post date:** [March 25, 2020, 6:49pm UTC](https://community.hubspot.com/t/import-google-font-not-working-within-css-files/19621/3 "2020-03-25T18:49:34Z")

</div>

Thank you for responding,

Here is a link to the preview of the page:

[https://www.signumbiosciences.com/hyvia-home?hs\_preview=YKLHlbjt-27438858245](https://www.signumbiosciences.com/hyvia-home?hs_preview=YKLHlbjt-27438858245)

Ben S.

---

<div class="post-metadata">

**Author:** ![Ben\_M](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ben_m/32/2679_2.png) [@Ben\_M](https://community.hubspot.com/u/Ben_M)\
**Post date:** [March 25, 2020, 9:08pm UTC](https://community.hubspot.com/t/import-google-font-not-working-within-css-files/19621/4 "2020-03-25T21:08:51Z")

</div>

You have an issue in your starter.css file. CSS renders based on order of operation, so since it is included after reset it is superceding it. In starter.css, line 6252 there is a CSS for the body tag that reads:

font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol”

When you take out that line the reset css file that you have begins showing the Raleway font again.

---

<div class="post-metadata">

**Author:** ![bstock98](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/bstock98/32/71597_2.png) [@bstock98](https://community.hubspot.com/u/bstock98)\
**Post date:** [March 25, 2020, 9:14pm UTC](https://community.hubspot.com/t/import-google-font-not-working-within-css-files/19621/5 "2020-03-25T21:14:44Z")

</div>

Ben,

Thank you so much! That fixed it all. I appreciate the help.

Ben S.