- Posts: 2
- Thank you received: 0
How to add a custom font
-
lance.messer
Inactive member - Topic Author
- New Member
Less
More
7 months 2 weeks ago #51386
by lance.messer
How to add a custom font was created 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.
Any help would be greatly appreciated.
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6766
- Thank you received: 719
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
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.
-
lance.messer
Inactive member - Topic Author
- New Member
Less
More
- Posts: 2
- Thank you received: 0
7 months 2 weeks ago #51390
by lance.messer
Replied by lance.messer on topic How to add a custom font
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.
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
Less
More
- Posts: 6766
- Thank you received: 719
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:
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
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