Dropdown menus in Cyrillic not displaying correct characters when expanded
If I visit this site (in Bulgarian, so in Cyrillic alphabet, UTF8 encoding): https://shop.ilex.bg/index.php?route=product/product&path=17_42&product_id=102
and expand the dropdown menu on the right, the menu items are displayed in gibberish, not in Bulgarian.
Even if they are in Bulgarian when you view source / inspect the <select> in the code. And the currently selected item is displayed as it should as well.
That happens on a number of other sites (another example: https://crash.bg/kompyutri-vtora-raka), but not every site I visit. The problem is present in FF only, Chrome / Edge do not have this problem.
What's even more weird is that if copy the HTML code (the whole <select>) into a personal page on my own site which runs on wordpress, the contents of <select> show as they should.
All Replies (3)
It looks like an issue with Helvetica font on your side. Try to reinstall font using this file: (download).
So I downloaded that archive which contained 14 OTF files spread around in multiple folders. Installed the fonts to C:\Windows\Fonts\ and restarted the PC, no change.
I did not expect other outcome, considering those fonts in the ZIP have no Cyrillic glyphs.
Did a little more digging using the DevTools and it seems those menus in my two examples above are using Google Fonts - Open Sans and Montserrat.
After a few tests: https://jsbin.com/cebogimiko/1/edit?html,css,output
it seems to me that Firefox does not properly load/use the Google Fonts, even if they seem properly included in the HTML/CSS. The problem is specifically for the dropdown menu, the <select>, because you can see that the font works OK in regular text, the. Also, Chrome/Edge works perfectly in that jsbin test. So it must be a FF thing.
Modified by Боби Димитров
So I downloaded that archive which contained 14 OTF files spread around in multiple folders. Installed the fonts to C:\Windows\Fonts\ and restarted the PC, no change.
I did not expect other outcome, considering those fonts in the ZIP have no Cyrillic glyphs.
Did a little more digging using the DevTools and it seems those menus in my two examples above are using Google Fonts - Open Sans and Montserrat.
After a few tests: https://jsbin.com/cebogimiko/1/edit?html,css,output
it seems to me that Firefox does not properly load/use the Google Fonts, even if they seem properly included in the HTML/CSS. The problem is specifically for the dropdown menu, the <select>, because you can see that the font works OK in regular text, the. Also, Chrome/Edge works perfectly in that jsbin test. So it must be a FF thing.
You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.