-
-
Hello,
i tried to add a custom font to the picante theme.
I found the following guide:
https://support.codeless.co/?ht_kb=add-custom-font-in-june
I know it’s not exactly for the picante theme but I didn’t found another guide.
Anyway… it’s not working… Here is my code:
function cl_custom_fonts( $standard_fonts ){ $my_custom_fonts = array(); $my_custom_fonts[ 'rollingpencurly' ] = array( 'label' => 'RollingPenCurly', 'variants' => array('regular'), 'stack' => "'RollingPenCurly'" ); $my_custom_fonts[ 'marselisslaboffc' ] = array( 'label' => 'MarselisSlabOffc', 'variants' => array('regular'), 'stack' => "'MarselisSlabOffc'" ); return array_merge_recursive( $my_custom_fonts, $standard_fonts ); } add_filter( 'kirki/fonts/standard_fonts', 'cl_custom_fonts', 20 );
I added the font-face in the style.css
What I’m doing wrong?Regards
EDIT://
I can select the font in Theme Customizer, but the actual font is not loaded / displayed.
-
Did you Upload the custom font files into css/fonts folder inside theme folder?
Normally you have to upload .woff font type and woff2.
-
-
Yes: https://www.jarltech-showroom.com/wpx/
Look for this line of text:Aenean sodales dictum augue, in faucibus nisi sollicitudin eu. Nulla semper arcu vel diam auctor. condimentum.
Nam molestie sem eu quam fermentum a tempus nisi aliquet.The font-family: rollingpencurly; is set. But the font isn’t loading :/
Let me know if u need backend access. -
https://fonts.googleapis.com/css?family=rollingpencurly&ver=5.4.2
this font is not available on google fonts.
please provide the login details if you add this manually and uploaded the fonts.
Bust still not loading.
-
-
I have checked your code where you embed the fonts.
It is not google font. So it will be not added like this.
If you bought this font then please upload the font in css/fonts folder.
Then add it in css.
Please see this link.
https://www.fonts.com/font/sudtipos/rolling-pen?QueryFontType=Web&src=GoogleWebFonts
Please let us know if you have any other issue.
-
Yes we bought this font. If I understand u correctly, we can’t use our font in the theme customizer/codeless page builder?
-
-
I also checked you css/fonts folder you did not upload the fonts.
-
If you uplaoded the fonts then I will check again.
Re confirm the code.
right now it is showing the message of googlefonts.
-
-
Sorry for the inconvenience.
Your font is now loading in customizer.
in Customizer you can go to styling your font is appearing there.
I changed the body font tot rolling pen. You can according.
Please check and confirm
-
-
-
-
You must be logged in to reply to this topic.