How to use Google Webfonts in Frontaccounting - Kvcodes
X

Congrats, You are Subscribed to Receive Updates.

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.

fa-webfonts-google

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.

commenter

About Varadharaj V

The founder of Kvcodes, Varadharaj V is an ERP Analyst and a Web developer specializing in WordPress(WP), WP Theme development, WP Plugin development, Frontaccounting(FA), Sales, Purchases, Inventory, Ledgers, Payroll & HRM, CRM, FA Core Customization, OpenCart Theme Development, PHP, HTML, CSS, jQuery, Bootstrap development and content SEO.

2 comments

  1. commenter

    Where can I find this theme?

Comment Below

Your email address will not be published. Required fields are marked *

*

Current ye@r *

Menu

Sidebar

Subscribe E-mail Updates

Congrats, You are Subscribed to Receive Updates.

Advertisement

Category Posts