How to use Google Webfonts in Frontaccounting

How to use Google Webfonts in Frontaccounting. The question comes when we start using Google webfonts with Frontaccounting. Here is a simple tutorial for you to add Google Webfonts with Your  Frontaccounting project. Just follow the simple steps to use your own custom font with frontaccounting.

First select your custom font from Google Webfonts directory. And get its import code as like the following one.

http://fonts.googleapis.com/css?family=Ubuntu:400,300,600,400italic,700,800

Now, just move to root of the frontaccounting directory and open, includes->page->header.inc.

just find the following line of code there.

echo "<link href='$path_to_root/themes/$theme/default.css' rel='stylesheet' type='text/css'> \n";

and add the following line of code below it.

echo "\n<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,400italic,700,800' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Raleway:300,200,100' rel='stylesheet' type='text/css'>";

And, the font is ready to use in our frontaccounting. But we need to change the body font to work on all the elements. So just move to the themes directory and open your theme folder and open ” default.css”

body {
	font-family: Verdana, Arial, Helvetica; // Here we need to add our font name
	background: #285b86;
	font-size: 10px;
	margin: 5px 0 0 5px;
	padding: 0;
}

Just add the font name there. It will start rendering your desired font from Google web directory.