Jump to content

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

Want to add my own font to the store Rate Topic   - - - - -

 
  • ravt
  • Junior Member
  • Members
  • Join Date: 11-Aug 10
  • 195 posts

Posted 01 October 2013 - 05:59 AM #1

Hi,

I am looking to have Montserrat Font to the site. Can I know how to install or add this font to the site so I can assign this font to the top menu.

Help me out guys. Using Version 4
After all its simple

 
  • mogabume
  • Newbie
  • Trial users
  • Join Date: 04-Dec 13
  • 13 posts

Posted 07 December 2013 - 04:25 PM #2

Im also trying to ad my custom font. Id love to know where exactly, which folder, do I place font file (Im using .woff extension). Also Im applying all CSS changes thru base.css and scheme.less files.



So question is rather simple, where does the font file go in order for me to call it in base.css file via @font-face ?


Thank you

 
  • MysticThemes
  • Advanced Member
  • Members
  • Join Date: 03-Nov 13
  • 57 posts

Posted 11 December 2013 - 08:41 PM #3

Hi,

If you want to add your own font and to be all ok, you will need to know a little css to put everywhere you want that font, but the way that I figured out and it is working more than perfect it is:

1. Go into your ftp: design/templates/your_theme/templates/ and open index.tpl and put after this line "<link href="{$logos.favicon.image.image_path}" rel="shortcut icon" />" your link with font if it is from google fonts.

or

1a. If you have font as .woff (like for mogabume) than go to: design/templates/your_theme/templates/common/ and open styles.tpl and after {style src="scheme.less"} include your font, but be patience you will save .wofff files on css folder.

After that go into css when you want to put your font and write or change with your font.

For example if we have economica from google web fonts we put:
<link href='http://fonts.googlea...talic,700italic' rel='stylesheet' type='text/css'>

and we call font in cs file as:
font-family: "Economica";

I hope this will help you :)
--
Kind Regards
MysticThemes
MysticThemes - Premium Themes
GET A QUOTE | Cs-Cart Themes | Cs-Cart Development | Cs-Cart Design