Jump to content

Changing fonts globally?

Featured Replies

Posted

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

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

Archived

This topic is now archived and is closed to further replies.

Recently Browsing 0

  • No registered users viewing this page.