Pretraži podršku

Izbjegni prevare podrške. Nikad te nećemo tražiti da nas nazoveš, da nam pošalješ telefonski broj ili da podijeliš osobne podatke. Prijavi sumnjive radnje pomoću opcije „Prijavi zlouporabu”.

Saznaj više

Dropdown menus in Cyrillic not displaying correct characters when expanded

more options

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.
Priložene slike ekrana

Svi odgovori (3)

more options

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

Korisno?

more options

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.

Izmjenjeno od Боби Димитров

Korisno?

more options

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.

Korisno?

Postavi pitanje

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