Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Responsive Joomla Virtuemart Template - CoolMart (SKU# FLEX-00014)

TOPIC: Extra Google font

Extra Google font 10 years 5 months ago #7410

Hello,
in the template Coolmart I'd like to put in an exta Google Font.
Is there documentation how to do this?
Thanks!
Last Edit: 10 years 5 months ago by Ton van der Helm. Reason: Spelling error :-(
The topic has been locked.

Extra Google font 10 years 5 months ago #7428

After a small search I've come up with the following:

Open and edit the template file config.xml.
Under <field name="font1"...etc.>, <field name="font2"...etc.> and <field name="font3"...etc.>
put in this extra line:
<option value="marvel">Google Font: Marvel (Latin)</option> (I want to use the Marvel font)

In the templatefiles look for css/font1/arial.css and replace body { font-family: 'Arial', sans-serif;} for body { font-family: 'Marvel', sans-serif;}. Then save the file in the same directory as marvel.css
Repeat these steps for the directory css/font2 and css/font3
Upload the files to your live website and login in the Joomla backend and go to the Templatemanager. Now you can select the Marvel font (or any font you like to get through Google.
The topic has been locked.

Extra Google font 10 years 5 months ago #7470

hi,

Another way of doing is to manipulate the existing font-family.

Let's say, you are not using "arial" at all, but you want to use Marvel Google font. Then open the template configuration and choose "arial" for all font settings. We are going to manipulate this Arial and make it "Marvel" instead.

Then open these 3 CSS files:
/templates/flexible_coolmart/css/font1/arial.css
/templates/flexible_coolmart/css/font2/arial.css
/templates/flexible_coolmart/css/font3/arial.css

And to the top of (one of them), include this line:
@import url(http://fonts.googleapis.com/css?family=Marvel);

To load the Marvel font-family to your website from the Google API Library.

Then change the font-family rules in those 3 css files, from:
font-family: Arial, Helvetica, sans-serif;
to
font-family: 'Marvel', sans-serif;

So, once you choose the "Arial" from the template settings, you will actually start using the "Google Marvel".

Regards,
Support.
Last Edit: 10 years 5 months ago by Support.
The topic has been locked.

Extra Google font 10 years 5 months ago #7493

Hello,

The fonts topic intrested for me too.
I will try the extra google font solution, but before I wanted to change an other available basic fonts.
When I set to an other font type (in template admin on profiles tab font part) and then a click to the apply, changed back the original settings. I tried several times but not succeeded.
What could be the reason?

Regards,
Sandor
The topic has been locked.

Extra Google font 10 years 5 months ago #7506

Hi Sandor, try to use a different browser. It looks like a browser issue. If you were using Firefox, then use Safari, Chrome or IE.
I am sure changing the browser will solve the "not able to save" issue.

Regards,
Support.
The topic has been locked.

Extra Google font 10 years 4 months ago #7538

Hello,

I tried Chrome ver.31 not work, but possible next version works good... :)
Thanks, IE11 works fine.

Regards,
Sandor
The topic has been locked.

Extra Google font 10 years 4 months ago #7578

Hi,

I am glad you found a way to make it work.

Case solved. Topic is closed.

Regards,
Support.
The topic has been locked.
Time to create page: 0.055 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo