Changing fonts globally?

[MichaelsTechCenter]

Is it possible to change the default font for the entire website?

The only things I have found on the web were for 3.4 or so.

I would like to change the font to Roboto.

 

vigilantsurvival.net

[NatanPL]

Hello,

 

A) STATIC WAY

1) Open file themes\1\html\core\global\global\includeMeta.phtml and add at the end (where 1 is your theme name):

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

2) Open file themes\1\css\core\global\framework\global.css and add in line 20 (where 1 is your theme name):

body {
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;

B) DYNAMIC WAY (you can change fonts via Admin Panel)

1) Open file themes\1\html\core\global\global\includeMeta.phtml and add at the end (where 1 is your theme name):

{{if theme.font_family_url}}
	{theme="font_family_url"}
{{endif}}

2) Open file themes\1\css\core\global\framework\global.css and add in line 20 (where 1 is your theme name):

body {
	font-family: "{theme="font_family"}", "Helvetica Neue", Helvetica, Arial, sans-serif;

3) Login to Admin Panel, go to Cusotmization -> Themes -> Enable Designer Mode, go to Custom setting of your theme and add to new settings:

- font_family (type "Text") with default value "Roboto".

- font_family_url (type "Text") with Google Fonts meta code which is:

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

While adding new settings you can assign them to new tab for example Fonts in order to keep it clean and separte from others settings