How to use Arial instead Google Fonts
How to use Arial instead Google Fonts
Typography without Google Fonts
By default in almost all CodeLinSoft QuickStarts we used Google Fonts for template typo, but you doesn't have to use fonts we have chosen. You can select different one or just use classic font sets. In current version of Falcon Theme it request only one line of custom CSS.
Basic CSS knowledge
The font-family
CSS property lets you specify a prioritized list of font family names and/or generic family names for the selected element. Values are separated by a comma to indicate that they are alternatives. The font-family
property specifies a list of fonts, from highest priority to lowest. Traditionally only "websafe" fonts could be used on webpages. These fonts are standard fonts installed in both Windows and Mac computers. Full link of them you will find here: http://www.cssfontstack.com
How to use Arial, Verdana, Sans-serif etc.
- In template settings - in "Typography" Tab, please turn off Google fonts for body, probably all Headers and Menu as well.
- In "Custom code" tab in Custom CSS field please add following code or any other websafe fonts collection:
body, p, h1, h2, h3, h4, h5, h6, a, li, span {font-family: Arial, Helvetica, sans-serif;}
Other examples:
body, p, h1, h2, h3, h4, h5, h6, a, li {font-family: Times, "Times New Roman", Georgia, serif; }
body, p, h1, h2, h3, h4, h5, h6, a, li {font-family: Verdana, Arial, Helvetica, sans-serif; }
body, p, h1, h2, h3, h4, h5, h6, a, li {font-family: "Lucida Console", Courier, monospace; }
Of course use only those HTML tags which you need to change.
Note: Some popular fonts, for example, Tahoma belongs to Microsoft Corporation, so they are pre-installed by default only in Windows, not Mac OS X, Linux or Ubuntu!
No questions yet.