Adding Font To Cs Cart Version 3 Plus

Store Builder Questions
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 :


  1. Went to http://convertfonts.com/ to convert the otf to webfont and got my zipfile
  2. 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’);



    }


  3. 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.
2

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


  1. Went to [url=“http://convertfonts.com/”]http://convertfonts.com/[/url] to convert the otf to webfont and got my zipfile
  2. 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');



    }


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

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?

4

any update on this guys… on the final go… on this menu font…

5

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

6

Just sent you a PM…

7

[quote name='ravt' timestamp='1397936070' post='181963']

Just sent you a PM…

[/quote]



Please check PM

8

Hi,



Just sent a PM back…

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…

10

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

11

Hi all,



is there any tutorial to add new fonts for v.4x.x (4.2.3)

12

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