Custom Font | PenciDesign Support

PenciDesign replied

6 years ago

Staff Reply

Hi,

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

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

Foodreich replied

6 years ago

Customer Reply

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

PenciDesign replied

6 years ago

Staff Reply

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 started the conversation

6 years ago

Conversation Start

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