How I can change my entire forum font?

[qariuuuu 0]

I'm trying to change my entire forum font into the new font imported from Google Font. Not only font for header, but I want to use this font all of my website. I've read this topic and find the menu for editing the CSS code, but I didn't find anything in my current theme. How I can do?

[The Grim Reaper 142]

9 hours ago, qariuuuu said:

I'm trying to change my entire forum font into the new font imported from Google Font. Not only font for header, but I want to use this font all of my website. I've read this topic and find the menu for editing the CSS code, but I didn't find anything in my current theme. How I can do?

You want to change your text font or even font awesome with other font ?

[qariuuuu 0]

10 hours ago, sebastiancgames said:

You want to change your text font or even font awesome with other font ?

My text font in a post, a topic. The displaying font in my website. Not the font awesome.

[The Grim Reaper 142]

You can try adding your font from google in your globaltamplate as a code and then adding „font-family: your font” to the element you want to be displayed.

[Oni 61]

16 hours ago, sebastiancgames said:

You can try adding your font from google in your globaltamplate as a code and then adding „font-family: your font” to the element you want to be displayed.

That's not the recommended way to change or set a font in IPS!

If the options of body_font and headline_font are set to default, you can define the font face of your choice in the stylesheet of your theme without touching any template files.

[qariuuuu 0]

17 hours ago, sebastiancgames said:

You can try adding your font from google in your globaltamplate as a code and then adding „font-family: your font” to the element you want to be displayed.

Thank for you recommendation! I'll try it.

31 minutes ago, Oni said:

That's not the recommended way to change or set a font in IPS!

If the options of body_font and headline_font are set to default, you can define the font face of your choice in the stylesheet of your theme without touching any template files.

I quite didn't understand what you have typed because of my lack skill in coding. Can you please capture some picture for me about body_font and the style sheet because I din't see it on my css page. But if you mean I must go to template file in my computer it's quite hard because those files aren't in my computer. Thanks a lot

[Oni 61]

If your theme contains these 2 options:

Set them both to 'Default' as in the picture above, or skip this step if not existing.

Now you can import the Google Font of your choice the recommended way by importing it via CSS @import rule. Open your custom.css (Customization -> Themes -> Your Theme -> Edit HTML and CSS) and add the @import rule which you can get from https://fonts.google.com, as an example here is how it looks like (using 'Open Sans' font as example):

@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

after that you just have to set the font-family property in the body class of your theme like this (using 'Open Sans' font as example):

body {
	font-family: 'Open Sans', sans-serif;
}

Here an example how the custom.css looks after following these 2 steps with a fresh copy of the default IPS theme:

 

Congratulations, you have successfully changed your font face globally - in a more maintainable way!

Remember: You should not touch any of the template files for styling, always use the stylesheets, even if it's just 1 line of code.

[qariuuuu 0]

Thank for your clearly guideline for me. I've done what you show me all but it still doesn't work. I don't know why. Or I must download those font to my computer then it will work.

The font showing in this code can be seen in my site, but only my computer not to others who use my site too. I've tried another font but it doesn't work as I said. 

I have Bai Jamjuree font in my computer.