- This topic has 5 replies, 2 voices, and was last updated 3 years, 6 months ago by
.
-
Posts
-
Hello,
We’ve noticed a font display issue on the drop down boxes on Gwangi, where the font displayed is different in different browsers once the theme is imported. For example, fonts display correctly in Chrome, but in Firefox the text contained within a drop down box does not match the visible place-holder text (see attached pictures). In Chrome, all text is consistent. We’ve tested this on a clean install with no customisation, and the issue occurs for all drop down boxes.
This issue also occurs in the Gwangi demo [https://dating.gwangi-theme.com/], except that the drop down boxes on the home page search display correctly. They don’t display correctly in other places on the site, e.g. in the sorting drop down box on the members directory page.
Thanks.
No-font-display-issue-1
Font-display-issue-1
No-font-display-issue-Homepage-1
Font-display-issue-Homepage-1
Hi Nifty,
Thanks for getting in touch! We’ve received your request and we’ll get you an answer shortly. 🙂
We’re experiencing a much larger number of requests than usual so our wait times are longer than expected. We’re working hard to get back to you as quickly as we can and we really appreciate your patience!
In the meantime, feel free to check out our documentation resources for more help:
Kind regards,
Hi Olivier,
Thanks for your response; we’ll look forward to hearing back from you. 🙂
Hi Nifty,
It looks like we have not been defensive enough and taken into account this very specific case in Firefox. We have already patched this and the fix will be available in the next version of your theme.
In the meantime, to change this, simply add the following code snippet to your website:
/** * Patching the font issue in Firefox select controls. */ select, select options { font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; }Please replace “Noto Sans” by the font of your choice.
To add this code snippet to your site, we recommend that you paste it to the Custom CSS panel of your WordPress Customizer. Just go to your dashboard and navigate to “Appearance > Customize > Additional CSS”.
Pasting your code snippet there should do the trick for you.Also, it’s important to remember that we share snippet only to solve issues with our theme. Any further request for CSS snippets will have to be part of a defect that needs to be fixed urgently. No snippets will be shared otherwise.
If you want to go further with the customization of your website, we advise that you require customization work.
Thank you for understanding.
Hi Olivier,
Thanks for the update and the snippet; it works perfectly. 🙂
You’re welcome.
Cheers,
The topic ‘Font display issues’ is closed to new replies.
