# Fonts other than the basic html ones

**URL:** <https://forum.freecodecamp.org/t/fonts-other-than-the-basic-html-ones/56490>\
**Category:** General\
**Created:** [November 17, 2016, 11:31pm UTC](https://forum.freecodecamp.org/t/fonts-other-than-the-basic-html-ones/56490 "2016-11-17T23:31:04Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![genacatharine](https://avatars.discourse-cdn.com/v4/letter/g/9d8465/32.png) [@genacatharine](https://forum.freecodecamp.org/u/genacatharine)\
**Post date:** [November 17, 2016, 11:31pm UTC](https://forum.freecodecamp.org/t/fonts-other-than-the-basic-html-ones/56490/1 "2016-11-17T23:31:04Z")

</div>

where can i view all the differents fonts i can use? is it a bootstrap code?

---

<div class="post-metadata">

**Author:** ![JavaTheNutt](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/javathenutt/32/163777_2.png) [@JavaTheNutt](https://forum.freecodecamp.org/u/JavaTheNutt)\
**Post date:** [November 17, 2016, 11:33pm UTC](https://forum.freecodecamp.org/t/fonts-other-than-the-basic-html-ones/56490/2 "2016-11-17T23:33:41Z")

</div>

Check out [google fonts](https://fonts.google.com/). Just put a link in your stylesheet and away you go.

---

<div class="post-metadata">

**Author:** ![genacatharine](https://avatars.discourse-cdn.com/v4/letter/g/9d8465/32.png) [@genacatharine](https://forum.freecodecamp.org/u/genacatharine)\
**Post date:** [November 17, 2016, 11:45pm UTC](https://forum.freecodecamp.org/t/fonts-other-than-the-basic-html-ones/56490/3 "2016-11-17T23:45:07Z")

</div>

ok i tried adding link to this link in my html and wasn’t successful [https://fonts.google.com/specimen/Source+Serif+Pro?selection.family=Source+Serif+Pro](https://fonts.google.com/specimen/Source+Serif+Pro?selection.family=Source+Serif+Pro)

This is my code:

```auto
<div class="nav">
  <head>
    <link href="https://fonts.googleapis.com/css?family=Source+Serif+Pro" rel="stylesheet">
    <ul>
      <li><a href="#">Contact</li>
      <li><a href="#">Portfolio</li>
      <li><a href="#">About</li>
    </ul>
  </head>
</div>

```

---

<div class="post-metadata">

**Author:** ![genacatharine](https://avatars.discourse-cdn.com/v4/letter/g/9d8465/32.png) [@genacatharine](https://forum.freecodecamp.org/u/genacatharine)\
**Post date:** [November 17, 2016, 11:45pm UTC](https://forum.freecodecamp.org/t/fonts-other-than-the-basic-html-ones/56490/4 "2016-11-17T23:45:23Z")

</div>

sorry my code didn’t show up

---

<div class="post-metadata">

**Author:** ![genacatharine](https://avatars.discourse-cdn.com/v4/letter/g/9d8465/32.png) [@genacatharine](https://forum.freecodecamp.org/u/genacatharine)\
**Post date:** [November 17, 2016, 11:45pm UTC](https://forum.freecodecamp.org/t/fonts-other-than-the-basic-html-ones/56490/5 "2016-11-17T23:45:31Z")

</div>

> **[Personal Portfolio](https://codepen.io/GenaCatharine/pen/ObJbeM?editors=1100)**
>
> ...

---

<div class="post-metadata">

**Author:** ![JavaTheNutt](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/javathenutt/32/163777_2.png) [@JavaTheNutt](https://forum.freecodecamp.org/u/JavaTheNutt)\
**Post date:** [November 17, 2016, 11:51pm UTC](https://forum.freecodecamp.org/t/fonts-other-than-the-basic-html-ones/56490/6 "2016-11-17T23:51:21Z")

</div>

You need to put the `font-family` style rule into a _selector_. Like this:

```auto
body{
  font-family: 'Source Serif Pro', serif;
}

```

**FYI**  
If you want to put tags on the forum (like this: \<div\>), you need to use the _html entity_ for it, which is &lt followed by a semi-colon( ; ). Then &gt for the opposite side.

---

<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:** [November 18, 2016, 4:03am UTC](https://forum.freecodecamp.org/t/fonts-other-than-the-basic-html-ones/56490/7 "2016-11-18T04:03:10Z")

</div>

I cleaned up your code.  
You need to use triple backticks to post code to the forum.  
See [this post for details](http://forum.freecodecamp.com/t/forum-code-formatting/25574?u=jacksonbates).

---

<div class="post-metadata">

**Author:** ![genacatharine](https://avatars.discourse-cdn.com/v4/letter/g/9d8465/32.png) [@genacatharine](https://forum.freecodecamp.org/u/genacatharine)\
**Post date:** [November 18, 2016, 7:48pm UTC](https://forum.freecodecamp.org/t/fonts-other-than-the-basic-html-ones/56490/8 "2016-11-18T19:48:12Z")

</div>

thanks now i wanted to make it bold, i got the html correct but not the css

---

<div class="post-metadata">

**Author:** ![beminster](https://avatars.discourse-cdn.com/v4/letter/b/c6cbf5/32.png) [@beminster](https://forum.freecodecamp.org/u/beminster)\
**Post date:** [November 18, 2016, 8:19pm UTC](https://forum.freecodecamp.org/t/fonts-other-than-the-basic-html-ones/56490/9 "2016-11-18T20:19:35Z")

</div>

This has the full google font list with samples and the link to put in your HTML pre-made.

> **[Google Fonts](https://fonts.google.com/?selection.family=Dancing+Script%7CGreat+Vibes%7CKaushan+Script%7CLobster%7CPacifico%7CTangerine%7CYellowtail)**
>
> Making the web more beautiful, fast, and open through great typography

---

<div class="post-metadata">

**Author:** ![michaelhenderson](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/michaelhenderson/32/356215_2.png) [@michaelhenderson](https://forum.freecodecamp.org/u/michaelhenderson)\
**Post date:** [November 18, 2016, 8:33pm UTC](https://forum.freecodecamp.org/t/fonts-other-than-the-basic-html-ones/56490/10 "2016-11-18T20:33:23Z")

</div>

Includes over 250 glyphs in font format from the Glyphicon Halflings set. Glyphicons Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost.

[http://getbootstrap.com/components/](http://getbootstrap.com/components/)

---

<div class="post-metadata">

**Author:** ![jwilkins.oboe](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jwilkins.oboe/32/179497_2.png) [@jwilkins.oboe](https://forum.freecodecamp.org/u/jwilkins.oboe)\
**Post date:** [January 16, 2021, 6:09am UTC](https://forum.freecodecamp.org/t/fonts-other-than-the-basic-html-ones/56490/11 "2021-01-16T06:09:33Z")

</div>


