Shape 5

Joomla Free Templates => Design Control - Free => : vladimirmi January 08, 2015, 05:16:22 AM


: Problem with font in mobile menu
: vladimirmi January 08, 2015, 05:16:22 AM
Hi all.
I am using Raleway font on my webpage. I am from Czech Republic so I need to use Extented Latin font. I have no problem on desktop menu. All characters are shown correctly but on mobile menu some characteres (e.g. ?, ř, č...) are shown in other font. (please see the picture)
I really dont know why. I guess I have correctly written in my template.css this code:

:
@font-face {
    font-family: 'RalewayRegular';
    src: url('fonts/raleway-regular-webfont.eot');
    src: url('fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-regular-webfont.woff') format('woff'),
         url('fonts/raleway-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

and it work correctly everywhere without mobile menu.
Can anyone help with this problem? Help is much appreciated. Thank you in advance.
Vladimir

: Re: Problem with font in mobile menu
: mikek January 08, 2015, 08:44:53 AM
Hello,

That means that font doesn't support those characters. Not all google fonts support international characters, if they are supported it's listed on the google fonts website. I would suggest changing it to a web friendly font such as Arial to avoid this.

: Re: Problem with font in mobile menu
: vladimirmi January 09, 2015, 06:04:11 AM
: mikek  January 08, 2015, 08:44:53 AM
Hello,

That means that font doesn't support those characters. Not all google fonts support international characters, if they are supported it's listed on the google fonts website. I would suggest changing it to a web friendly font such as Arial to avoid this.

Hello,
that font supports those characters. I use this font everywhere on my website: www.misik.cz
This font have Latin extended set of characters. It works correctly in desktop menu. Problem is only in mobile menu.
Vladimir

: Re: Problem with font in mobile menu
: mikek January 09, 2015, 08:41:58 AM
Hello,

The mobile menu does not have any way to effect the appearance of a font. It simply calls the font and applies it with css to each of the links and spans. Also, I just noticed you are using your own css to call the font, that is not recommended, and we do not provide support for custom css. The vertex framework is designed to use google fonts, which can be controlled in the admin.