Forum Support

Shape 5
March 29, 2024, 06:35:35 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Problem with font in mobile menu  (Read 384 times)
vladimirmi
Jr. Member
**
Offline Offline

Posts: 26



« on: 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:

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
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: 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.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
vladimirmi
Jr. Member
**
Offline Offline

Posts: 26



« Reply #2 on: January 09, 2015, 06:04:11 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
« Last Edit: January 09, 2015, 06:09:10 AM by vladimirmi » Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: 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.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.