# Roboto font not displaying

**URL:** <https://community.hubspot.com/t/roboto-font-not-displaying/1907>\
**Category:** CMS Development\
**Created:** [May 4, 2017, 3:52pm UTC](https://community.hubspot.com/t/roboto-font-not-displaying/1907 "2017-05-04T15:52:58Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kauri](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kauri/32/52876_2.png) [@Kauri](https://community.hubspot.com/u/Kauri)\
**Post date:** [May 4, 2017, 3:52pm UTC](https://community.hubspot.com/t/roboto-font-not-displaying/1907/1 "2017-05-04T15:52:58Z")

</div>

So I am trying to get our COS pages to reflect the look of our current site but the fonts aren’t showing up.

I have this in the main CSS file:

```auto
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|PT+Sans:400,400i,700,700i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');@font-face { font-family: 'Roboto'; src: url('https://fonts.googleapis.com/css?family=Roboto');}{% set baseFontFamily = "Roboto, PT Sans, Sans-Serif" %} 

```

---

<div class="post-metadata">

**Author:** ![stefen](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stefen/32/29274_2.png) [@stefen](https://community.hubspot.com/u/stefen)\
**Post date:** [May 4, 2017, 6:42pm UTC](https://community.hubspot.com/t/roboto-font-not-displaying/1907/2 "2017-05-04T18:42:30Z")

</div>

@Kauri since you’re using google fonts, you don’t need to use the @font-face in your styles. Remove that and then of course make sure you are using the baseFontFamily variable on the body or wherever you need the font changed. For example:

```auto
body {
 font-family: {{ baseFontFamily }};
}

```