Virtuemart Support :: Topic: Google font in mainmenu not loaded in Safari IOS (1/1)

Welcome, Guest

Use this Category for your support questions about Responsive Joomla Virtuemart Template - CoolMart (SKU# FLEX-00014)

TOPIC: Google font in mainmenu not loaded in Safari IOS

Ton van der Helm	Hello, the site Boiliebait is loading the Google font Marvel in the Mainmenu. This works in every browser except in Safari in IOS. What can be the problem?
	The topic has been locked.

With IOS, (you meant iPhone, right?)

The main menu transforms to a select box with mobile devices. (it becomes <select> box).

You need to define an additional CSS rule to change the font-family inside the <select> box. Open this CSS file:
thetreeinatesttube.nl/templates/flexible_coolmart/css/responsive.css

and include this CSS rule (to the top):

select.menu-responsive {
    font-family:'Marvel',sans-serif;
}

And the font-family will be Marvel

Regards,
Support

Last Edit: 10 years 4 months ago by Support.

The topic has been locked.

Ton van der Helm	Thanks! This is good for mobile :-) but some pc's doesn't show the font. It looks like some Firefox versions on IOS. Is this a known problem?
	The topic has been locked.

Ton van der Helm	I found out it was my mistake. In my previous question you suggested how to embed an extra Google Font. I used this instead of my own way in the same topic and now it's working:-)
	The topic has been locked.