Using Google webfonts and making visible for members

Using Google webfonts and making visible for members Aug 31, 2015 14:33:48 GMT -8 Skidjit, Sarah, and 2 more like this

Post by ProBoards Help Guide on Aug 31, 2015 14:33:48 GMT -8

How do I use a Google Webfont/Google Fonts on my forum theme? How do I allow people to use it when posting?

There are two ways to use a Google font on your ProBoards theme, one of them easy, and the other real easy.

Method one (easy):

Go to Google Webfonts
Find the font(s) you want to use.
On the Google Font Directory page click the "+" to select the font or on the font page itself, in the upper right click "Select This Font" link on the font of your choice
Click on the "Family Selected" box at the lower right of the window.
Scroll down until you see this code: <link href='https://fonts.googleapis.com/css?family=xxxxxx' rel='stylesheet' type='text/css'>
Copy it, and navigate back to your ProBoards forum, go in to the Forum Wrapper template of your layout templates
Find the $[head] variable within the uppermost <head> section of this template, and paste this code above that $[head]. In the visual editor and on the style sheet, the font can now be used as normal:
a {

font-family: xxxxxx; }

If you're adding this font for use when posting (e.g. adding it to the dropdown list of fonts on the WYSIWYG page), you're not done and will need to follow these instructions regarding the template mod necessary.

Method two (real easy):

Install the plugin linked here
Go to the plugins' settings
Type in "Roboto" for the name, and your desired font boldness/weight (e.g. 300)
In the visual editor and on the style sheet, the font can now be used as normal:
a { font-family: Roboto; }
If you're adding this font for use when posting (e.g. adding it to the dropdown list of fonts on the WYSIWYG page), you're not done and will need to follow these instructions regarding the template mod necessary.