# Google Fonts help

**URL:** <https://forum.freecodecamp.org/t/google-fonts-help/144292>\
**Category:** General\
**Created:** [August 28, 2017, 12:43pm UTC](https://forum.freecodecamp.org/t/google-fonts-help/144292 "2017-08-28T12:43:52Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![MarcelPenn](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/marcelpenn/32/115945_2.png) [@MarcelPenn](https://forum.freecodecamp.org/u/MarcelPenn)\
**Post date:** [August 28, 2017, 12:43pm UTC](https://forum.freecodecamp.org/t/google-fonts-help/144292/1 "2017-08-28T12:43:52Z")

</div>

Hey gang, need help with a simple problem. I am trying to work with google fonts but can’t seem to get it to work, at least in codepen. Here is the example I’m working on, I’m trying to apply a google font to the h3 on this page. Any help would be appreciated, thanks! \*Oops, might want to actually add the link 😊 [https://codepen.io/MarcelPenn/pen/WEdBQb](https://codepen.io/MarcelPenn/pen/WEdBQb)

---

<div class="post-metadata">

**Author:** ![kevcomedia](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevcomedia/32/125737_2.png) [@kevcomedia](https://forum.freecodecamp.org/u/kevcomedia)\
**Post date:** [August 28, 2017, 12:47pm UTC](https://forum.freecodecamp.org/t/google-fonts-help/144292/2 "2017-08-28T12:47:30Z")

</div>

You forgot the codepen link 😉

---

<div class="post-metadata">

**Author:** ![MarcelPenn](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/marcelpenn/32/115945_2.png) [@MarcelPenn](https://forum.freecodecamp.org/u/MarcelPenn)\
**Post date:** [August 28, 2017, 12:48pm UTC](https://forum.freecodecamp.org/t/google-fonts-help/144292/3 "2017-08-28T12:48:54Z")

</div>

Just noticed haha, it should be good now

---

<div class="post-metadata">

**Author:** ![kevcomedia](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevcomedia/32/125737_2.png) [@kevcomedia](https://forum.freecodecamp.org/u/kevcomedia)\
**Post date:** [August 28, 2017, 12:58pm UTC](https://forum.freecodecamp.org/t/google-fonts-help/144292/4 "2017-08-28T12:58:55Z")

</div>

You should wrap the `Dancing Script` in the CSS with quotes.

```css
h2 {
  font-family: 'Dancing Script', cursive;
}

```

Also, it looks like Bootstrap overrides your custom fonts (it seems the stylesheets in the `<link>` tags are loaded after your custom CSS). Try moving the external stylesheets to the CSS settings, then remove the `<link>` tags in the HTML.

![image](https://global.discourse-cdn.com/freecodecamp/original/3X/a/8/a8d1cb279edfb270d31d90519bec0c8a76492bf5.png)

---

<div class="post-metadata">

**Author:** ![MarcelPenn](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/marcelpenn/32/115945_2.png) [@MarcelPenn](https://forum.freecodecamp.org/u/MarcelPenn)\
**Post date:** [August 28, 2017, 1:16pm UTC](https://forum.freecodecamp.org/t/google-fonts-help/144292/5 "2017-08-28T13:16:27Z")

</div>

This seems to have worked. Thanks a lot for your help!

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 17, 2021, 8:41pm UTC](https://forum.freecodecamp.org/t/google-fonts-help/144292/6 "2021-01-17T20:41:16Z")

</div>

Closed on January 17, 2021, 8:41pm UTC