How to I change font family?
Collapse
X
-
Lose the <style> and </style>. These HTML tags do not belong in a CSS template. Using them will break your CSS and prevent it from being parsed by the browser.
All you need is the @import line as stated above.👍 1Leave a comment:
-
Wayne Luke
The font is Open Sans (https://fonts.google.com/specimen/Op...mily=Open+Sans)
This is what has been entered within the css editor:
<style>
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
</style>
'Open Sans', sans-serif;
Have I missed something? Thanks!
Leave a comment:
-
Would be nice if the software used a newer font such as Verdana by default.
Anyway, what is the font you're trying to use (please link to the Google Font Page) and what are you entering into the font based (their names end with _font) style variables?
Leave a comment:
-
This feature definitely works. Please paste in the exact code you have added.Leave a comment:
-
We do not ship with Red Hat. If it is a Google Font, you can use it with your vBulletin Cloud by placing the @import command Google provide's in your CSS template under Styles -> Edit CSS in Site Builder.- Just go to https://fonts.google.com/
- Add font by clicking +
- Go to selected font > Embed > @IMPORT > copy url.
- Paste that code into the css_additional.css found in Style -> Edit CSS within Site Builder.
- Save the CSS.
Leave a comment:
-
We do not ship with Red Hat. If it is a Google Font, you can use it with your vBulletin Cloud by placing the @import command Google provide's in your CSS template under Styles -> Edit CSS in Site Builder.- Just go to https://fonts.google.com/
- Add font by clicking +
- Go to selected font > Embed > @IMPORT > copy url.
- Paste that code into the css_additional.css found in Style -> Edit CSS within Site Builder.
- Save the CSS.
Leave a comment:
-
vBulletin 5 actually ships with the WOFF and WOFF2 files for the NUNITO font in its fonts directory. It also includes CSS templates to include this font as a Font-Family without downloading it from Google on every page load.
In your custom style, you can edit the css_fonts.css template and add the following code to make sure it is available:
Code:<vb:comment>/* Nunito */</vb:comment> {vb:template css_font_nunito.css, use_regular=1, use_bold=1}
Other variations are listed in the css_font_nunito.css template.
The link to Google Fonts in your head_include and becomes superfluous after this. It just wastes bandwidth and increases latency.Leave a comment:
-
It is okay you can use the same way to use other hundreds of fonts from Google that vBulletin not provide.Leave a comment:
-
vBulletin 5 actually ships with the WOFF and WOFF2 files for the NUNITO font in its fonts directory. It also includes CSS templates to include this font as a Font-Family without downloading it from Google on every page load.
In your custom style, you can edit the css_fonts.css template and add the following code to make sure it is available:
Code:<vb:comment>/* Nunito */</vb:comment> {vb:template css_font_nunito.css, use_regular=1, use_bold=1}
Other variations are listed in the css_font_nunito.css template.
The link to Google Fonts in your head_include and becomes superfluous after this. It just wastes bandwidth and increases latency.Leave a comment:
-
Hi Elmer,
1. Go to Admincp> Styles>style manager> style name> edit templates> head_include>
paste inside:
2. Then goto Admincp> Styles> Style manager> style name> style variable editor> search for "font"
The old version 5.4.3 if not mistaken, should be "body_font", you can put the font family property: 'Nunito', sans-serif
Some fonts not using the body font, you can try click each font stylevars to see and put in the, 'Nunito', sans-serif
For vb5.5.0 there is new font variable called "global_text_font"
It was driving me nutsLeave a comment:
-
Thank you for the help, I was doing something similar, but the way you explained seems better to me. Thanks.Leave a comment:
-
Hi Elmer,
1. Go to Admincp> Styles>style manager> style name> edit templates> head_include>
paste inside:
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
The old version 5.4.3 if not mistaken, should be "body_font", you can put the font family property: 'Nunito', sans-serif
Some fonts not using the body font, you can try click each font stylevars to see and put in the, 'Nunito', sans-serif
For vb5.5.0 there is new font variable called "global_text_font"👍 2Leave a comment:
-
How to I change font family?
Hi,
I'm setting up a new forum and I need to change the default font. We want to use a google font called Nunito. Where should I add the google code so that I can change body_font style var for the new one?
I'am using vBulletin 5.4.3Tags: None
Related Topics
Collapse
-
by KINGdotNETWhen I cut and paste a message, the FONT is way off. I would like to change it using my default forum font.
What is the default FONT of the forum.
Thank you.-
Channel: vB Cloud Support & Troubleshooting.
Mon 21 Apr '14, 3:46pm -
-
by anwar513Body can be controlled by Default vB5 Style font, how can not control Other styles of part font?
-
Channel: Support Issues & Questions
Thu 19 Mar '15, 8:14pm -
-
by dz_khelifahello
how are you
I want to change the default font
In all forum pages
From Arial
To: Droid Arabic Kufi-
Channel: Support Issues & Questions
Fri 12 Apr '19, 3:41am -
Leave a comment: