Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

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.

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.
Attached screenshots

All Replies (3)

It looks like an issue with Helvetica font on your side. Try to reinstall font using this file: (download).

Helpful?

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 Боби Димитров

Helpful?

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.

Helpful?

Sual ver

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.