Slots ace apk.Enjoy Free 888+200 Daily Legal Bonus

meidanm95
(@meidanm95)

4 years, 4 months ago
Hi :]
I am trying to put a custom font in my localhost site child theme.
So Iv’e created the ‘fonts’ folder within the child folder and edited code.
Even though the function was added to the fonts list, it’s just sets the default font when I choose..what am I doing wrong?

style.css:
```
@font-face {
    font-family: 'My_font';
    src: url('fonts/My_font.eot') format('eot'),
         url('fonts/My_font.otf') format('otf'),
         url('fonts/My_font.woff') format('woff');

}
```
functions.php:
```
function ocean_add_custom_fonts() {
	return array('My_font');
}
```
- This topic was modified 4 years, 4 months ago by meidanm95.

Viewing 7 replies - 1 through 7 (of 7 total)

Abhishek
(@abhikr781)

4 years, 4 months ago

Hi,

Please check your child theme must be activated. and let us know which font do you want to add and which file have you put in your fonts folder?
Try to follow the doc: https://docs.oceanwp.org/article/128-how-to-add-custom-fonts
Thread Starter meidanm95
(@meidanm95)

4 years, 4 months ago
@abhikr781 Thank you for your answer :]
I’m working with the child theme tamplete, so it’s activated..

https://freefonts.co.il/downloads/dana-yad-alefalefalef.zip
this is the original font I try to add’ , but I tried different font and it wasn’t work as well.
I tried to use webfont-generator also.
I also tried do find the font family with css action and no respond..
my css file:
```
Theme Name: OceanWP Child 
Theme URL: https://localhost/wordpress
Description: OceanWP Child 
Theme Author: ***
Author URL: https://localhost/wordpress
Template: oceanwp 
Version: 1.9.0 
Text Domain: oceanwp-child 

@font-face {
    font-family: 'DanaYadAlefAlefAlef-Normal';
    src: url('fonts/DanaYadAlefAlefAlef-Normal.woff') format('woff');

}
```
Thread Starter meidanm95
(@meidanm95)

4 years, 3 months ago

OK so Iv’e noticed that on style css theres an error on src line that says
“@font-face declaration doesn’t follow the fontspring bulletproof syntax”

Any help?
Thread Starter meidanm95
(@meidanm95)

4 years, 3 months ago
UP

OK so Iv’e noticed that on style css theres an error on src line that says
“@font-face declaration doesn’t follow the fontspring bulletproof syntax”

Any help?

@abhikr781 maybe you can help me…I can’t figure it out
- This reply was modified 4 years, 3 months ago by meidanm95.
Abhishek
(@abhikr781)

4 years, 3 months ago

HI,

Kindly see the discussion here about the error – https://stackoverflow.com/questions/33475526/cant-understand-the-bulletproof-font-face-css-rule/34178020

If you are following the docs carefully to add a custom font, it will work properly.

Thread Starter meidanm95
(@meidanm95)

4 years, 3 months ago

@abhikr781 Thank you for your answer. I’m pretty sure the problem is in the style.css/functions.php and not how I wrote the font-face code since it’s working on other themes and also I know that my style.css isn’t working, just don’t know why??, I’ve opened a thread for that problem here https://www.ads-software.com/support/topic/child-theme-css-is-not-working/#post-13724592

Abhishek
(@abhikr781)

4 years, 2 months ago

Hello,

Does the CSS work with other themes like twentytwenty?
I don’t think it’s a theme issue because the CSS should work if you didn’t add any code related to it anywhere else on your site.

For the font, Since our support level is limited. We can’t help more here. Try to check the correct path for font files in your CSS. It should work definitely.

If possible, please open a ticket at oceanwp theme support’s official site.
https://docs.oceanwp.org/article/762-how-can-i-get-support

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Custom font is not working.’ is closed to new replies.

Tags