Font family change

[kook kai]

Can I change the installed fontawesome in default_bootstrap to another google font I have in mind?

 

I manage to change the blocktop font and need to apply the same font to the whole site to make it look more cohesive.

 

Is it possible to change in global.css or I need to edit each individual block manually? Either way please guide me how to achieve it.

Edited November 22, 2014 by kook kai (see edit history)

[dioniz]

Font awesome is icon font. Are you sure you want to change that?

default_bootstrap is using Open Sans font and if that is what you want to change you can do it in yourdomain\themes\default-bootstrap\header.tpl

//fonts.googleapis.com/css?family=Open+Sans:300,600&subset=latin,latin-ext

Change this to some other google font

But then you will have to change font family in all occurencies in css files

[kook kai]

Thank you dioniz for the reply.

 

I'd like to use Google Muli font. Also notice that when I change the font in blockcart, the cart icon is skewed. How to get around with this if I want to change font for the entire site? What about other icons, am I going to run into the trouble with all icons?

 

So if I change font in //fonts.googleapis.com/css?family=Open+Sans:300,600&subset=latin,latin-ext to be "//fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>, my entire site font will be changed to muli - the description, all blocks font ( except the currencies)?

[dioniz]

Where have you changed font in blockcart? What code?

You shouldn't run in trouble with icons if you change font.

 

 

Default theme is using Arial,​Helvetica,​sans-serif font for most of text and "Open Sans",​sans-serif for titles, headers ...

 

So if you change font to Muli, you will need to go thru all css files, find all Open Sans declarations and change it to Muli

If you want whole site text to Muli you will have to change all Arial declarations to Muli too.

 

For example:

In yourdomain/themes/default-bootstrap/css/global.css you have this code:

 

body {
    color: #777777;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.42857;
}

If you want those fonts to be Muli, you need to change font family from arial to muli like this:

font-family: 'Muli';

[kook kai]

dioniz, I did what you suggested. It works great now for the font aspect. Regarding the cart icon, since I still have a missing cart issue. It just disappeared from the homepage together with the currency block which are supposed to be with the nav bar. I tried resetting, uninstalling. Nothing brings back the two, so I can't show you how it was like. If you could please help me figure this issue, I would be really appreciated. Thanks for the help. You make my day :-)

 

www.cookcase.com

[dioniz]

Do you have cart and currency block installed and enabled?

Are they in the right position?

[kook kai]

Yes, I have uninstalled and installed again. They are hooked in the right position, but just do not show in page. I really don't know how to deal with this. Thinking of reinstall prestashop but means I need to start from scratch again....sigh....

 

The screenshots are how these block are positioned.

Edited November 24, 2014 by kook kai (see edit history)

[dioniz]

That's really weird.

Can you see modules in their positions (see images)

 

 

 

 

They both need to be in displayHeader too.

[kook kai]

They are not found under "displayheader", only display in "displaynav" and "displaytop". As my previous attachments, in position tab, both are hooked to "displayheader". However, they are not listed under displayheader. That's the reason they are not shown. Is it possible I did something wrong?

 

I tried to hook the module to the header again, "This module has already been transplanted to this hook." warning tab shows.

Edited November 24, 2014 by kook kai (see edit history)

[dioniz]

Try to clear cache in BO > Advanced parameters > performance and set Recompile templates if the files have been updated in Template Compilation. Maybe that helps

[kook kai]

I tried what you suggested. It didn't get the cart back. Perhaps it's better going reinstall root. I don't have a lot of products yet. A little work today is better than wasting a lot of work, then start over again. lol

 

Thank you so much for your help, dioniz.

[kook kai]

dioniz, sorry to trouble you again. I just reinstall prestashop, started all over again. I follow the exact same instruction you provided which was successful before reinstall, this time it doesn't work. If you don't mind, please have a look at my site and let me know what I did wrong. the screenshot is what I see from my mac.

 

www.cookcase.com

 

 

[dioniz]

If you mean fonts, i can see original fonts on your site

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,600&subset=latin,latin-ext" type="text/css" media="all" />

Clearing cache might help

[Nikhil Kumar]

Font awesome is icon font. Are you sure you want to change that?

default_bootstrap is using Open Sans font and if that is what you want to change you can do it in yourdomain\themes\default-bootstrap\header.tpl

//fonts.googleapis.com/css?family=Open+Sans:300,600&subset=latin,latin-ext

Change this to some other google font

But then you will have to change font family in all occurencies in css files

 

Font awesome is icon font. Are you sure you want to change that?

default_bootstrap is using Open Sans font and if that is what you want to change you can do it in yourdomain\themes\default-bootstrap\header.tpl

//fonts.googleapis.com/css?family=Open+Sans:300,600&subset=latin,latin-ext

Change this to some other google font

But then you will have to change font family in all occurencies in css files

 

Hi Sir, how can use font awesome for CMS pages. Plz tel me.

 

Thank you