ravt
April 16, 2014, 12:00am
1
Hi,
I am trying to add a font to main menu wording. I have got the OTF file format of the font for it.
Steps done so far to achieve it :
Went to http://convertfonts.com/ to convert the otf to webfont and got my zipfile
placed all my font files under [color=#282828][font=arial, verdana, tahoma, sans-serif]/skins/skin_name/customer/addons/my_changes/type/ under type folder[/font][/color]
[color=#282828][font=arial, verdana, tahoma, sans-serif]3) Added the css for the font in my change css file [/font][/color]
@font-face {
font-family: ‘FjallaOneRegular’;
src: url(‘type/fjallaone-regular.eot’);
src: url(‘type/fjallaone-regular.eot’) format(‘embedded-opentype’),
url(‘type/fjallaone-regular.woff’) format(‘woff’),
url(‘type/fjallaone-regular.ttf’) format(‘truetype’),
url(‘type/fjallaone-regular.svg#FjallaOneRegular’) format(‘svg’);
}
called the font-family: ‘FjallaOneRegular’; under the div class in my change css file.
What is happening:
The site brings up timenewroman.
Source of my work done with help of following threads
How to add font in CS cart 4 - Frontend - CS-Cart Forums
Adding font Awesome to my cs cart - General Questions - CS-Cart Forums
Do help me in this guys. Its really taking huge time on my side.
[quote name='ravt' timestamp='1397635809' post='181793']
Hi,
I am trying to add a font to main menu wording. I have got the OTF file format of the font for it.
Steps done so far to achieve it :
Went to [url=“http://convertfonts.com/ ”]http://convertfonts.com/[/url] to convert the otf to webfont and got my zipfile
placed all my font files under [color=#282828][font=arial, verdana, tahoma, sans-serif]/skins/skin_name/customer/addons/my_changes/type/ under type folder[/font][/color]
[color=#282828][font=arial, verdana, tahoma, sans-serif]3) Added the css for the font in my change css file [/font][/color]
@font-face {
font-family: 'FjallaOneRegular';
src: url('type/fjallaone-regular.eot');
src: url('type/fjallaone-regular.eot') format('embedded-opentype'),
url('type/fjallaone-regular.woff') format('woff'),
url('type/fjallaone-regular.ttf') format('truetype'),
url('type/fjallaone-regular.svg#FjallaOneRegular') format('svg');
}
called the font-family: 'FjallaOneRegular'; under the div class in my change css file.
What is happening:
The site brings up timenewroman.
Source of my work done with help of following threads
http://forum.cs-cart …__1#entry168122
http://forum.cs-cart …__1#entry173490
Do help me in this guys. Its really taking huge time on my side.
[/quote]
Please try the “important” property. For example,
.your-div-class {
font-family: 'FjallaOneRegular' !important;
}
Thanks
ravt
April 16, 2014, 12:00am
3
Hi,
I tried its not working. …Its not fetching the font Itself…
Wired position it brought me too… What I did so far is right?
ravt
April 17, 2014, 12:00am
4
any update on this guys… on the final go… on this menu font…
[quote name='ravt' timestamp='1397755215' post='181898']
any update on this guys… on the final go… on this menu font…
[/quote]
Your solution should work. If you are ready to provide us with the temporary FTP access for examination, please PM me.
[quote name='ravt' timestamp='1397936070' post='181963']
Just sent you a PM…
[/quote]
Please check PM
ravt
April 22, 2014, 12:00am
9
thanks @ecomlabs .
I just want to thank you in forum then in PM.
The solution for the issue was that my font file conversion was not done correctly by my side (hmm wasted lot of days siting to fix this bug) .
Thanks agin @ecommlabs for your time…
[quote name='ravt' timestamp='1398135336' post='182037']
thanks @ecomlabs .
I just want to thank you in forum then in PM.
The solution for the issue was that my font file conversion was not done correctly by my side (hmm wasted lot of days siting to fix this bug) .
Thanks agin @ecommlabs for your time…
[/quote]
You are welcome! I am glad to help you.
pcmemo
November 11, 2014, 12:00am
11
Hi all,
is there any tutorial to add new fonts for v.4x.x (4.2.3)
[quote name='pcmemo' timestamp='1415701173' post='196612']
Hi all,
is there any tutorial to add new fonts for v.4x.x (4.2.3)
[/quote]
I would also be interested in knowing this.