Prohledat stránky podpory

Vyhněte se podvodům. Za účelem poskytnutí podpory vás nikdy nežádáme, abyste zavolali nebo poslali SMS na nějaké telefonní číslo nebo abyste sdělili své osobní údaje. Jakékoliv podezřelé chování nám prosím nahlaste pomocí odkazu „Nahlásit zneužití“.

Zjistit více

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.
Přiložené obrázky

Všechny odpovědi (3)

more options

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

Pomohla vám tato odpověď?

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.

Upravil uživatel Боби Димитров dne

Pomohla vám tato odpověď?

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.

Pomohla vám tato odpověď?

Položit dotaz

Pro přidání odpovědi se musíte přihlásit ke svému účtu. Pokud dosud nemáte účet, položte nový dotaz.