Changing Top Menu to a Google Font 1.6

[bend]

Hello, I'm running the latest Prestashop 1.6.0.9 and I would like to change the type of font of the top menu bar. How would i go about to achieve this? I have a Google Font that i would like to use.

[Joachim Torngren]

There is a limited amount of fonts in the build in Live Configurator (modules/themeconfigurator/configure)

 

One other way to do it is by creating a new theme at http://presta-theme-maker.com/. There you can change some of the text in the front office to Google fonts. This is a paid service though. I'm using it and works fine for me (1.6.0.9).

 

I'm sure there are other ways as well,...

[vekia]

Hello, I'm running the latest Prestashop 1.6.0.9 and I would like to change the type of font of the top menu bar. How would i go about to achieve this? I have a Google Font that i would like to use.

 

what font you want use?

[bend]

what font you want use?

 

I would like to use Neucha however it may change depending on how it will look. I'm technical enough that if you tell me what to do, I shouldn't have any issues or very little.

 

Thank You!

[bend]

Anyone know how to do this?

[vekia]

okay, so simply you have to add code to support this font.

you can do it manually in header.tpl file or via module like free html block (guide: htmlbox free + google fonts )

use this code:
 

<link href='http://fonts.googleapis.com/css?family=Neucha' rel='stylesheet' type='text/css'>

then in css styles file (global.css located in /css/ subdirectory of /theme/YOUR-THEME) use this:

.sf-menu li a{
  font-family: 'Neucha'!important;
}

[bend]

 

okay, so simply you have to add code to support this font.

you can do it manually in header.tpl file or via module like free html block (guide: htmlbox free + google fonts )

use this code:

 

<link href='http://fonts.googleapis.com/css?family=Neucha' rel='stylesheet' type='text/css'>

then in css styles file (global.css located in /css/ subdirectory of /theme/YOUR-THEME) use this:

.sf-menu li a{
  font-family: 'Neucha'!important;
}

 

I can't find .sf-menu in the global.css. I've done a search for the .sf-menu and it cannot find it. I'm using the default-bootstrap theme.

Edited October 15, 2014 by bend (see edit history)

[vekia]

you have to use this code, not to find it in global.css