- Posts: 49
- Thank you received: 0
Google fonts
-
lg3raccoon
Inactive member - Topic Author
- Member
Less
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
Best regards
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6742
- Thank you received: 715
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:
Regards,
Milos
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.
-
lg3raccoon
Inactive member - Topic Author
- Member
Less
More
- Posts: 49
- Thank you received: 0
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;
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;
Last edit: 8 months 3 weeks ago by lg3raccoon.
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6742
- Thank you received: 715
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
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