Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

How to add font in CS cart 4 Rate Topic   - - - - -

 
  • miimus
  • Newbie
  • Members
  • Join Date: 09-Aug 12
  • 2 posts

Posted 03 July 2013 - 05:23 PM #1

Hello,

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

 
  • Hoko
  • Member
  • Members
  • Join Date: 26-Mar 11
  • 101 posts

Posted 11 September 2013 - 03:37 PM #2

Hello,
i need also add a new font..... please can anyone help us?

 
  • Hungryweb
  • Senior Member
  • Authorized Reseller
  • Join Date: 10-Feb 12
  • 1265 posts

Posted 11 September 2013 - 07:42 PM #3

1. Convert ttf font to webfont using http://www.font2web.com/
2. Add css @font-face to website using my_changes addon

I hope that helps,

---
Valentin
part of hungryweb.net

 
  • Magpie Don
  • Senior Member
  • Members
  • Join Date: 01-Apr 09
  • 834 posts

Posted 11 September 2013 - 10:01 PM #4

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: http://www.w3schools...t-face_rule.asp

CS-Cart Ultimate ver 4.11.3


 
  • pcmemo
  • Junior Member
  • Members
  • Join Date: 04-Apr 11
  • 46 posts

Posted 14 November 2014 - 08:57 AM #5

can you translate this path for v4.2.3 (/skins/skin_name/customer/addons/my_changes/type/) too add our fonts.
thx.

 

Posted 14 July 2016 - 01:03 PM #6

Hi!

 

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

 

There add the font you want, for example:

@import url(https://fonts.google...family=Federo);

 

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

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

 

to fonts > families