Problem on adding custom font in 'Customize' section through .otf file

Posted in : Efor
sninidak
Participant
16 November 2021 at 20:32
#74009

Hello,

I faced a problem in adding a new font (GothamGreek) in efor child theme, in order to be visible in the drop-down list of ‘Customize’ section in WordPress. Simply adding it at style.css of child theme makes it visible through custom css code, but not on the graphical admin panel. I have placed it in css/fonts/ of parent theme but nothing happened. Additionally, I tried to enqueue throught functions.php, but it didn’t work either.

Do you have any proper way to propose for that?

PS: The font comes with .otf files.

Thank you,

Stelios

serkan
Moderator
17 November 2021 at 11:51
#74015

Hi,
You can check out this related topic. There is also a video about custom font.
http://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/
Also there is a plugin for this feature. You can try to use it.
https://wordpress.org/plugins/use-any-font/
Thanks

sninidak
Participant
19 November 2021 at 15:30
#74037

Hi,

Thanks for the reply.

I have already tried all of these solutions, but none of them adds the custom font into the dropdown menu Customize->General->Fonts->Heading Font (H1) (or Sub-Heading), visible by the theme.

This is why I asked for more guidance on how to make the custom font visible by the theme hooks.

Thanks,
Stelios
serkan
Moderator
21 November 2021 at 20:37
#74047
Hi, Once you have uploaded the font, you need to load the font in your theme’s stylesheet using CSS3 @font-face rule like this:
```
@font-face {
    font-family: Isabella; 
    src: url(https://www.example.com/wp-content/themes/your-theme/fonts/Isabella.ttf); 
    font-weight: normal; 
}
```
Don’t forget to replace the font-family and URL with your own.
After that you can use that font anywhere in your theme’s stylesheet like this:
```
.site-title {
font-family: "Isabella", Arial, sans-serif;
}
```
Thanks
frankehi
Participant
15 April 2023 at 10:44
#81252

Hi :)

I like to install the Efor Theme… Doesn’t work because of missing style.css…

Can ou sent me a working file???

Would be great as soon as possible, because I tokk this day for working at Website…

Kind regards
Hildegard

serkan
Moderator
19 April 2023 at 12:54
#81265

Hi Hildegard, probably you are uploading the package zip file, you just need to extract the package and upload the theme zip file only, then you will start using the theme right away, you may also see the post below about this;

https://help.market.envato.com/hc/en-us/articles/202821510-Theme-is-missing-the-style-css-stylesheet-error

Have a nice day!

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item

Efor - Coaching & Online Courses WordPress Theme

by pixelwars