Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2325983
Custom Font
Closed

Comments

  • Foodreich started the conversation

    Hello,  

    I have some issue on different browsers showing my custom font and also other fonts that I changed in the css section. 

    For a view sections like the footer I use my custom handwritten font "Joana" and it's visible on my safari browser but not for opera and chrome. Somehow it was working a view days ago for opera. I don't know what happened that this changed.  

    For Wocommerce I changed the product title in css to Google font "yeseva one". Somehow this font is not visible on safari but on opera and chrome. 

    Is there anything I can do to make the fonts working on all browsers?

    Thank you

    Joana



  •  2,699
    PenciDesign replied

    Hi,

    Because you don't have this font on your site to load it.

    For joana font, you need find and download .woff font file of this font and upload it via Dashboard > Soledad > Custom Font and important: set the font name for this font is     joana   because your CSS called this font name.

    For 'Yeseva One' font, please add more this code to Customize > Logo and Header Options > "Add Custom Code Inside <head> Tag" to load this font

    <link href="https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap" rel="stylesheet">
    

    Best Regards,

    PenciDesign

  • Foodreich replied

    Hello, unfortunately I have still issues with my uploaded font on different browsers. I did everything you described in the last ticket. My font is visible for Safari, but not Chrome, Opera and Firefox. I also asked other people to test it, to make sure, it's not only my Browser. A strange thing is, on iPad the font is visible for all browsers, but not for mobile. What could this mean?

    Another thing, on iPad my Newsletter Buttons looks very different, no flat design anymore. How can I keep my old button style for tablets? See Screenshots.

    Thank you so much

    Joana

  •  2,699
    PenciDesign replied

    Hi,

    1/ As I checked, your custom fonts can't be load because CROS Policy - check this image:

    http://prntscr.com/rieqjj 

    With this issue, please add more this code at the end of .htaccess file:

    <IfModule mod_headers.c>
      <FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$">
        Header set Access-Control-Allow-Origin "*"
      </FilesMatch>
    </IfModule>

    I recommend you contact with your hosting provider and requirement them help you with this. It's not issues related with the theme itself.

    2/ That's style of all buttons/input submit for all iOS devices. The iOS auto re-style it and there is no way to change it.


    Best Regards,

    PenciDesign