How to add a custom font

More
7 months 2 weeks ago #51386 by lance.messer
I can not figure out how to add a custom font to the template. Most of the things I have found are years old. 
Any help would be greatly appreciated.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
7 months 2 weeks ago #51388 by milos
Replied by milos on topic How to add a custom font
Hello,

From the template options, you can include a font and then use it for various text elements.

To learn how to include a font read this: www.hotjoomlatemplates.com/sparky-docume...eatures/google-fonts

After you include a font, you can select it for text styles: www.hotjoomlatemplates.com/sparky-docume...on/style/text-styles

Also, the font can be selected for menus.

Regards,
Milos

Please Log in to join the conversation.

More
7 months 2 weeks ago #51390 by lance.messer
The link is to use a Google font. I bought a custom font, but there is no mention of how to use a non-Google custom font.
I appreciate the attempted help. I probably should have been clearer about the issue.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
7 months 2 weeks ago #51391 by milos
Replied by milos on topic How to add a custom font
Hello,

Custom fonts must be included via custom CSS code, known as @font-face. More details here: www.w3schools.com/cssref/css3_pr_font-face_rule.php

The custom-added fonts will now appear in the template settings. So, for example, for H1, you can select any font in the template settings (for example Arial). Then you add CSS code that will select your custom font, for example:
Code:
h1 { font-family: "My Font"; }

The custom CSS code can be added in the file /media/templates/site/gamingzone/css/custom.css. The @font-face lines must be added at the top of the file.

Regards,
Milos

Please Log in to join the conversation.

Time to create page: 0.198 seconds
Powered by Kunena Forum