Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest

Steps to add a new font in Sj Template
(1 viewing) (1) Guest

TOPIC: Steps to add a new font in Sj Template

Steps to add a new font in Sj Template 11 years, 1 month ago #8648

  • loitt
  • OFFLINE
  • Platinum Boarder
  • Posts: 2222
  • Karma: 48
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>	


=>

<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>	


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',
			 'Garamond'=>'garamond'
);


c) you can choose the font-family in the cpanel on fronend or Style Settings in the template configuration.
Ticket System | Join our Clubs to download our extensions and templates
Last Edit: 11 years, 1 month ago by loitt.
The topic has been locked.
The following user(s) said Thank You: kazembeiki, pirate_love20

Re: Steps to add a new font in Sj Template 10 years, 3 months ago #15573

Hi ..
Thanx for your help ,
How could be add our font( not local font ) in this way ?
The topic has been locked.
The following user(s) said Thank You: kazembeiki

Re: Steps to add a new font in Sj Template 10 years, 3 months ago #15586

Hello
How could be add our font(without local font ) in sj news ?
The topic has been locked.

Re: Steps to add a new font in Sj Template 10 years, 3 months ago #15624

Dear hosein kazembeiki,

A. how to add your font in sj news:

Example: you can add "UTM Swashes.ttf" font in sj news

Please following the steps:

1. create folder "swashes" in your_site\templates\sj_news\asset\fonts\

2. copy your font "UTM Swashes.ttf" in your_site\templates\sj_news\asset\fonts\swashes\

2. create a font-your.css file in your_site\templates\sj_news\asset\fonts\swashes\

3. copy code the below in font-your.css file:
@font-face {
  font-family: 'UTM Swashes';
  src: url('UTM Swashes.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


4. go to your_site\templates\sj_news\includes\frame_inc.php and find:
$yt->ytStyleSheet('css/template.css');

=>

if(!defined('FONT_SWASHES')){
	$yt->ytStyleSheet('asset/fonts/swashes/font-swashes.css');
	define('FONT_SWASHES', 1);
}
$yt->ytStyleSheet('css/template.css');


6. go to your_site\templates\sj_news\templateDetails.xml and find:
<field name="fontName" type="list" default="arial" label="FONT_NAME_LABEL" description="FONT_NAME_DESC" >

=>

<field name="fontName" type="list" default="arial" label="FONT_NAME_LABEL" description="FONT_NAME_DESC" >
<option value="UTM Swashes">UTM Swashes</option>


7. go to administrator -> templates manager -> Typography -> Font Family -> select "UTM Swashes" , then save.

8. or use font in your css file : font-family: 'UTM Swashes';

B. how to add google font in sj news
please refer to at here: www.smartaddons.com/forum/278-sj-jare-template/12551-solved-add-google-font

Thanks!
The topic has been locked.
The following user(s) said Thank You: kazembeiki, pirate_love20

Re: Steps to add a new font in Sj Template 10 years, 3 months ago #15907

hello
can I add these fonts into it
'"微軟雅黑體","Microsoft YaHei","微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif
many thanks
The topic has been locked.

Re: Steps to add a new font in Sj Template 10 years, 3 months ago #16020

  • SA Thuy
Dear tom chan,

You can add fonts in the template. Please refer the above user guide.

Thanks
The topic has been locked.
Time to create page: 0.24 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

Latest My Topics

No posts to display.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes