Fonts other than the basic html ones

1

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

2

Check out google fonts. Just put a link in your stylesheet and away you go.

2 Likes
3

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

This is my code:

<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>
4

sorry my code didn’t show up

5
6

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

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.

1 Like
7

I cleaned up your code.
You need to use triple backticks to post code to the forum.
See this post for details.

8

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

9

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

1 Like
10

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/

1 Like