individual fonts again

(@vanbrel)

Hi
I am really almost desperate; suddenly my individual fonts are not displayed anymore; These are my settings:

1. function.php of the child theme:
// Add custom font to font settings
function ocean_add_custom_fonts() {
return array( ‘Amulya-Variable,Amulya-light,Amulya-bold,Amulya-medium’);
}
The fonts are displayed in the list.

2. Custom CSS:

/*Fonts-allgemein*/

#wrap body {font-family:Amulya-Variable!important;
font-size:22px!important;
}

#wrap p {font-family:Amulya-Variable!important; font-weight:300!important; 
	color:#232F3B;}

#wrap h1 {font-family:Amulya-Variable!important;     		 
	font-size:44px!important;
	  color:#232F3B!important;}

#wrap h2 {font-family:Amulya-Variable!important;
	font-size:32px!important;	  
	margin-bottom: 10px;}

#wrap h3 {font-family: Amulya-Variable!important;
	font-size:24px!important;
	color:#232F3B!important}

#wrap h4 {font-family:Amulya-Variable!important; font-weight:600!important;}

3. The fonts are definitely there where they have to be:

@font-face {
    font-family: 'Amulya-Variable';
    font-style: normal;
    font-weight: normal;
    src: local('Amulya-Variable'), url('https://gutmann.design/wp-content/themes/oceanwp-child/fonts/Amulya-Variable.woff') format('woff');
    }
	
@font-face {
    font-family: 'Amulya-Variable';
    font-style: normal;
    font-weight: normal;
    src: local('Amulya-Variable'), url('https://gutmann.design/wp-content/themes/oceanwp-child/fonts/Amulya-Variable.eot') format('eot');
    }

@font-face {
    font-family: 'Amulya-VariableItalic';
    font-style: normal;
    font-weight: normal;
    src: local('Amulya-VariableItalic'), url('https://gutmann.design/wp-content/themes/oceanwp-child/fonts/Amulya-VariableItalic.woff') format('woff');
    }

I don’t have any idea anymore – why are the fonts not displayed;

Other changes like font-sizes are accepted.
???
Thanks for any idea
Hans

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

Shahin
(@skalanter)

3 years, 4 months ago
Hello @vanbrel,

There are some issues with your code.

If you added some new font as a hook on this function “ocean_add_custom_fonts”, the array you wrote is wrong, you should write it like this:
```
// Add custom font to font settings
function ocean_add_custom_fonts() {
	return array('Amulya-Variable', 'Amulya-light', 'Amulya-bold', 'Amulya-medium');
}
```
Regarding the CSS, with font-family, please try to use without the “Variable” font.

For more information about custom fonts, please follow the steps explained in this link: https://docs.oceanwp.org/article/128-how-to-add-custom-fonts.

Please note that, if you set the font face on function.php(it should be on the child theme), you do not need to write custom CSS for styling… All styling is available on customizer > typography.

Best Regards
Thread Starter vanbrel
(@vanbrel)

3 years, 4 months ago

Hi

thanks for your hints; so I updated the functions.php with your code;

I deleted the lines in the custom CSS:
I defined the fonts in “Typography” – but nothing happens – Amulya is not displayed at all.
and now? Any other idea?
Hans

Shahin
(@skalanter)

3 years, 4 months ago

Hello @vanbrel,

Please share a live URL from your issue.

Did you change the variable @font-face to normal font faces?
Like this: https://i.postimg.cc/d0rDmvNh/image.png.

Also, about these settings: Customizing > Typography > General; Please let me know how you set it up.

Best Regards

Thread Starter vanbrel
(@vanbrel)

3 years, 4 months ago

can I send you screenshots? the site is not live yet; I also could provide an admin access
Hans

Shahin
(@skalanter)

3 years, 4 months ago

Hello @vanbrel,

With screenshots, we cannot inspect on website’s sources.

With these articles, you can add your desired font face to your website:
https://support.google.com/webdesigner/answer/6163074?hl=en
https://docs.oceanwp.org/article/128-how-to-add-custom-fonts

Also, you can learn how to use Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS:
https://developers.google.com/web/tools/chrome-devtools/
https://developer.mozilla.org/en-US/docs/Tools
CSS Tutorial: https://www.w3schools.com/css/

P.S.: As you mentioned, you cannot send any credentials to this forum under WordPress forum rules: https://wordpress.org/support/guidelines/#the-bad-stuff.

Best Regards

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

The topic ‘individual fonts again’ is closed to new replies.