How to add a font to forum?

[printerspress]

Greetings,

The default fonts on my forum are fonts like Arial and Times. I'd like to add "Bitter" (link here if necessary) as the font of my entire forum. However, I am unsure how to do this. Every time I edit the HTML code to include "Bitter" it resets the font to Arial. Does anyone have any suggestions? I love this font and would hate to see it go to waste 

- Printers' Press
        

[Pebbles]

May 16, 2016 5:35:50 GMT -8 printerspress said:

Greetings,

The default fonts on my forum are fonts like Arial and Times. I'd like to add "Bitter" (link here if necessary) as the font of my entire forum. However, I am unsure how to do this. Every time I edit the HTML code to include "Bitter" it resets the font to Arial. Does anyone have any suggestions? I love this font and would hate to see it go to waste 

- Printers' Press
        

maybe thats because you do not do this part as well?

4. Integrate the fonts into your CSS:

The Google Fonts API will generate the necessary browser-specific CSS to use the fonts. All you need to do is add the font name to your CSS styles. For example:
font-family: 'Bitter', serif;


i think it does not work if your css stuff is still stating you use arial for stuff

[Star's Legacy]

printerspress,

Also make sure that you are incorporating this:
<link href='https://fonts.googleapis.com/css?family=Bitter:400,700' rel='stylesheet' type='text/css'>

just under the '$[head]' variable in your Forum Wrapper Template.

Then it should recognize the font when you input the CSS as Pebbles mentioned. ^^

[Tumbleweed]

Is it o.k. if I chime in as well. lol

In addition to what Pebbles and Star's Legacy said, if you absolutely want every font on your site to have the bitter style then you can add this to the bottom of your style sheet:


body, table, tr, td, div, p, h1, h2, h3, h4{font-family: 'Bitter', serif!important;
}
body a:link{font-family: 'Bitter', serif;
}

I think that covers about everything.

[printerspress]

Thank you guys! Everyone has been so helpful, it is working now.