Picante Theme - Add Custom Font - Codeless Support Center

font

- 5 years ago Jarltech
  Participant
  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.
  
  This topic was modified 5 years ago by Jarltech.
  
  This topic was modified 5 years ago by Jarltech.
  
  This topic was modified 5 years ago by Jarltech.
- 5 years ago azam
  Keymaster
  
  Did you Upload the custom font files into css/fonts folder inside theme folder?
  
  Normally you have to upload .woff font type and woff2.
- 5 years ago Jarltech
  Participant
  
  Yes, that’s exactly what I did.
- 5 years ago azam
  Keymaster
  Can I see the link of your site where you add this?
  
  This reply was modified 5 years ago by azam.
- 5 years ago Jarltech
  Participant
  
  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.
- 5 years ago azam
  Keymaster
  
  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.
- 5 years ago Jarltech
  Participant
  
  This reply has been marked as private.
- 5 years ago azam
  Keymaster
  
  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.
- 5 years ago Jarltech
  Participant
  
  Yes we bought this font. If I understand u correctly, we can’t use our font in the theme customizer/codeless page builder?
- 5 years ago Jarltech
  Participant
  
  Okay, that’s bad :/
- 5 years ago azam
  Keymaster
  
  I also checked you css/fonts folder you did not upload the fonts.
- 5 years ago azam
  Keymaster
  
  If you uplaoded the fonts then I will check again.
  
  Re confirm the code.
  
  right now it is showing the message of googlefonts.
- 5 years ago Jarltech
  Participant
  
  This reply has been marked as private.
- 5 years ago azam
  Keymaster
  
  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
- 5 years ago Jarltech
  Participant
  
  Okay thank you :)
  
  Just for interest – how you did this?
- 5 years ago azam
  Keymaster
  
  Font name is not right.
  
  Just corrected the font name.
- 5 years ago azam
  Keymaster
  
  Font name is not right.
  
  Just corrected the font name.

Viewing 16 reply threads

You must be logged in to reply to this topic.

Community Forums

Picante Theme – Add Custom Font

Site Links

Useful Articles

Login