Steps to add a new font in Sj Template

Example: you can create a new font family such as Garamond

a) go to “templates\yt_framework\templateDetails.xml”, finding:

<field name="font_name" type="list" default="arial" label="FONT_NAME_LABEL" description="FONT_NAME_DESC" >
	<option value="arial">Arial</option>
	<option value="arial-black">Arial Black</option>
	<option value="courier">Courier New</option>			
	<option value="georgia">Georgia</option>
	<option value="impact">Impact</option>			
	<option value="lucida-console">Lucida Console</option>	
	<option value="lucida-grande">Lucida Grande</option>								
	<option value="lucida-sans">Lucida Sans</option>
	<option value="palatino">Palatino</option>			
	<option value="tahoma">Tahoma</option>
	<option value="times">Times New Roman</option>
	<option value="trebuchet">Trebuchet</option>
	<option value="verdana">Verdana</option>
</field>

<option value="arial">Arial</option>

<option value="arial-black">Arial Black</option>

<option value="courier">Courier New</option>

<option value="georgia">Georgia</option>

<option value="impact">Impact</option>

<option value="lucida-console">Lucida Console</option>

<option value="lucida-grande">Lucida Grande</option>

<option value="lucida-sans">Lucida Sans</option>

<option value="palatino">Palatino</option>

<option value="tahoma">Tahoma</option>

<option value="times">Times New Roman</option>

<option value="trebuchet">Trebuchet</option>

<option value="verdana">Verdana</option>

</field>

<field name="font_name" type="list" default="arial" label="FONT_NAME_LABEL" description="FONT_NAME_DESC" >
	<option value="arial">Arial</option>
	<option value="arial-black">Arial Black</option>
	<option value="courier">Courier New</option>			
	<option value="georgia">Georgia</option>
	<option value="impact">Impact</option>			
	<option value="lucida-console">Lucida Console</option>	
	<option value="lucida-grande">Lucida Grande</option>								
	<option value="lucida-sans">Lucida Sans</option>
	<option value="palatino">Palatino</option>			
	<option value="tahoma">Tahoma</option>
	<option value="times">Times New Roman</option>
	<option value="trebuchet">Trebuchet</option>
	<option value="verdana">Verdana</option>
	<option value="garamond">Garamond</option>
</field>

<option value="arial">Arial</option>

<option value="arial-black">Arial Black</option>

<option value="courier">Courier New</option>

<option value="georgia">Georgia</option>

<option value="impact">Impact</option>

<option value="lucida-console">Lucida Console</option>

<option value="lucida-grande">Lucida Grande</option>

<option value="lucida-sans">Lucida Sans</option>

<option value="palatino">Palatino</option>

<option value="tahoma">Tahoma</option>

<option value="times">Times New Roman</option>

<option value="trebuchet">Trebuchet</option>

<option value="verdana">Verdana</option>

<option value="garamond">Garamond</option>

</field>

b) go to “templates\yt_framework\includes\cpanel.php”, finding:

$fontfamily = array(
			 'Arial'=>'arial',
			 'Arial Black'=>'arial-black',
			 'Courier New'=>'courier',
			 'Georgia'=>'georgia',
			 'Impact'=>'impact',
			 'Lucida Console'=>'lucida-console',
			 'Lucida Grande'=>'lucida-grande',
			 'Palatino'=>'palatino',
			 'Tahoma'=>'tahoma',
			 'Times New Roman'=>'times',
			 'Trebuchet'=>'trebuchet',
			 'Verdana'=>'verdana'
);

$fontfamily = array(

'Arial'=>'arial',

'Arial Black'=>'arial-black',

'Courier New'=>'courier',

'Georgia'=>'georgia',

'Impact'=>'impact',

'Lucida Console'=>'lucida-console',

'Lucida Grande'=>'lucida-grande',

'Palatino'=>'palatino',

'Tahoma'=>'tahoma',

'Times New Roman'=>'times',

'Trebuchet'=>'trebuchet',

'Verdana'=>'verdana'

);

$fontfamily = array(
			 'Arial'=>'arial',
			 'Arial Black'=>'arial-black',
			 'Courier New'=>'courier',
			 'Georgia'=>'georgia',
			 'Impact'=>'impact',
			 'Lucida Console'=>'lucida-console',
			 'Lucida Grande'=>'lucida-grande',
			 'Palatino'=>'palatino',
			 'Tahoma'=>'tahoma',
			 'Times New Roman'=>'times',
			 'Trebuchet'=>'trebuchet',
			 'Verdana'=>'verdana',
			 'Garamond'=>'garamond'
);