lesfromlez1234
New Member
at a deadly pace it came from outer space
Posts: 11
inherit
267286
0
May 18, 2023 15:29:18 GMT -8
lesfromlez1234
at a deadly pace it came from outer space
11
December 2022
lesfromlez1234
|
Post by lesfromlez1234 on Jan 4, 2023 10:22:46 GMT -8
Hi all- my first post here! Not sure if this is the right place for this.
I'm wondering if it's possible to add your own font to your forum?
So when people respond or make new threads they have the option to format their post with that unique font.
I see you can add custom emoticons to themes - is there a font option for themes?
Ideally I'd like it to be available across all themes on our forum, though.
Thank you!!!
|
|
Kami
Forum Cat
Posts: 40,198
Mini-Profile Theme: Kami's Mini-Profile
#f35f71
156500
0
Offline
Jul 24, 2021 11:48:29 GMT -8
Kami
40,198
July 2010
kamiyakaoru
Kami's Mini-Profile
|
Post by Kami on Jan 4, 2023 11:25:05 GMT -8
Hi all- my first post here! Not sure if this is the right place for this. I'm wondering if it's possible to add your own font to your forum? So when people respond or make new threads they have the option to format their post with that unique font. I see you can add custom emoticons to themes - is there a font option for themes? Ideally I'd like it to be available across all themes on our forum, though. Thank you!!! Not by default, no. But if you use Google Fonts they'll provide an @import code that you can add to all of your themes. It wouldn't reflect in the 'preview' editor, but they could use BB Code to specify the font family. |
|
inherit
257284
0
Nov 13, 2024 10:37:51 GMT -8
Eton Bones
70
December 2018
etonbones
|
Post by Eton Bones on Jan 6, 2023 5:42:31 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.
The @import CSS at-rule is used to import style rules from other valid stylesheets. An @import rule must be defined at the top of stylesheet, before any other at-rule (except @charset and @layer) and style declaration, else it will be ignored. CSS @import is the process of calling stylesheets/CSS files from within another CSS file. This method causes the browser to load each CSS file sequentially, rather than in parallel. Since CSS is render-blocking, by default, this is likely to affect page performance. Avoid using CSS @import to speed up your page load and improve your visitors' page experience |
|
lesfromlez1234
New Member
at a deadly pace it came from outer space
Posts: 11
inherit
267286
0
May 18, 2023 15:29:18 GMT -8
lesfromlez1234
at a deadly pace it came from outer space
11
December 2022
lesfromlez1234
|
Post by lesfromlez1234 on Jan 6, 2023 13:53:49 GMT -8
Hey there!
Thank you so much for your responses! I'll try these out and let you know.
Really appreciate it!
|
|
Love, Les
