How to add font in CS cart 4


I downloaded the free version CScart 4 and I have a question, how to add Calibri font,

i have calibri.ttf file.

Thanks for reply


i need also add a new font… please can anyone help us?

  1. Convert ttf font to webfont using [url=“”][/url]
  2. Add css @font-face to website using my_changes addon

    I hope that helps,


    [color=#808080][size=2]part of[/size][/color]

When I purchased a font for use on my v3 store I received a variety of web fonts with it, already converted.

I added the font files to a folder I created: /skins/skin_name/customer/addons/my_changes/type/

My stylesheet is in /skins/skin_name/customer/addons/my_changes/, so I added this to my custom style sheet:

@font-face {

font-family: 'MyriadProBlackBold';

src: url('type/myriadpro-black-webfont.eot');

src: url('type/myriadpro-black-webfont.eot?#iefix') format('embedded-opentype'),

url('type/myriadpro-black-webfont.woff') format('woff'),

url('type/myriadpro-black-webfont.ttf') format('truetype'),

url('type/myriadpro-black-webfont.svg#MyriadProBlackBold') format('svg');

font-weight: normal;

font-style: normal;


See: CSS @font-face Rule

can you translate this path for v4.2.3 ([color=#282828][font=arial, verdana, tahoma, sans-serif]/skins/skin_name/customer/addons/my_changes/type/) too add our fonts.[/font][/color]

[color=#282828][font=arial, verdana, tahoma, sans-serif]thx.[/font][/color]


Go to your theme's folder, and then to your custom less file.

There add the font you want, for example:

@import url(;

The go back to your theme's folder and open the 'schema.json' file and add:

"'Federo', sans-serif": "Federo Font"

to fonts > families