Announcement

Collapse
No announcement yet.

How to I change font family?

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Elmer
    started a topic [vB5] How to I change font family?

    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.3

  • napy8gen
    replied
    It is okay you can use the same way to use other hundreds of fonts from Google that vBulletin not provide.

    Leave a comment:


  • Wayne Luke
    replied
    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}
    The two font families from above would be nunitoregular and nunitobold.

    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:


  • Dave Kotecki
    replied
    Originally posted by napy8gen View Post
    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"
    Thanks for this.
    It was driving me nuts

    Leave a comment:


  • Elmer
    replied
    Thank you for the help, I was doing something similar, but the way you explained seems better to me. Thanks.

    Leave a comment:


  • napy8gen
    replied
    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">
    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"

    Leave a comment:

Related Topics

Collapse

Working...
X