Google fonts

More
8 months 4 weeks ago #51257 by lg3raccoon
Google fonts was created by lg3raccoon
Hello, in Germany the Google fonts must be integrated locally. My template has the following Google fonts source sans 3 or source sans pro. I just figured out how to delete it or replace it with another one. Is there a way to integrate into Local?
Best regards

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
8 months 4 weeks ago #51260 by milos
Replied by milos on topic Google fonts
Hello,

1. In the template settings, select System fonts for paragraphs, all headings, and menus.

2. Download the font from Google Fonts and save it in the same folder where the custom.css file is.

3. Use @font-face directives to load the font from custom.css file. In this directive, you will name the font, for example, "myFirstFont". Tutorial here www.w3schools.com/cssref/css3_pr_font-face_rule.php

4. Below this, in the same custom.css file, override font settings from the template options and use this local Google font instead:
Code:
p { font-family: "myFirstFont"; } h1, h2, h3, h4 { font-family: "myFirstFont"; }

Regards,
Milos

Please Log in to join the conversation.

More
8 months 4 weeks ago - 8 months 3 weeks ago #51261 by lg3raccoon
Replied by lg3raccoon on topic Google fonts
first question: which system fonts should i select instead of Source Sans Pro / Source Sans 3,?
I choosed: Arial, Helvetica, sans-serif.

Now there are the following small problems:
H2 was always fat. now it is no longer that. How can I change that?
Google is still loading see screenshot
I have the impression that Arial is used in the main menu.

can i delete "font-family: 'Source Sans Pro', sans-serif;" in this code:
.hot_simple_contact input.btn {
width: 130px;
border-radius: 0;
background: #4a4a5c;
border: 0;
text-shadow: none;
color:#fff;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
Attachments:
Last edit: 8 months 3 weeks ago by lg3raccoon.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
8 months 4 weeks ago #51262 by milos
Replied by milos on topic Google fonts
Hello,

You can select any system font. You will override it in custom.css anyway.

I gave you the code that you should add (not to modify it). Also, you should not add it as it is, but modify it. Please read my first message carefully.

This task requires custom coding and I can't give you the exact code and all the modifications you should make. I gave you just guidelines on how to do it yourself. If you want our team to do this for you as a custom paid job, please contact us www.hotjoomlatemplates.com/custom-work

Regards,
Milos

Please Log in to join the conversation.

Time to create page: 0.246 seconds
Powered by Kunena Forum