Adding font Awesome to my cs cart

Hi,



I am trying to add font Awesome to my site for the icons



http://fortawesome.g…me/get-started/



I just want to include



[color=#2F6F9F]//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css”[/color] [color=#4F9FCF]rel=[/color][color=#D44950]“stylesheet”[/color][color=#2F6F9F]>[/color]

[color=#2F6F9F]//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css”[/color] [color=#4F9FCF]rel=[/color][color=#D44950]“stylesheet”[/color][color=#2F6F9F]>[/color]

[color=#2F6F9F][font=Menlo, Monaco, Consolas,]I Retied to add them in [/font][/color]styles.post.tpl under mychange


with {style src="addons/my_changes/mystyles.less"}
{style src="addons/my_changes/mystyles.css"}Â Â

{style src="[color=#D44950][font=Menlo, Monaco, Consolas,]//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css"[/font][/color]}
{style src="[font=Menlo, Monaco, Consolas,]//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css"[/font][color=inherit][font=Menlo, Monaco, Consolas,] [/font][/color][font=Menlo, Monaco, Consolas,]rel=[/font][font=Menlo, Monaco, Consolas,]"stylesheet"[/font]}







Nothing worked.



Any suggestion guys

i even tried to create [font=“arial, verdana, tahoma, sans-serif”][color=“#282828”]meta.post.tpl in the same hook/index folder and kept that link line in that page. Still nothing positive.[/color][/font]



[font=“arial, verdana, tahoma, sans-serif”][color=“#282828”]Any support from cs expert will be much appreciated.[/color][/font]





[font=“arial, verdana, tahoma, sans-serif”][color=“#282828”]Thanks [/color][/font]

any update guys… Hope some one from comm would have implemented it. It would be helpful if you guys share your knowledge.





Thanks,

open “design” — “template editor” — open your theme (basic) — in your theme open “templates” folder — edit index.tpl:

after

just add your link

Ok guys I found solution for this issue :



Create Meta.post.tpl

under your template–> addons–>my_changes–>hooks–>index folder



and place this code

its works so fine.

Now you can call any Icons from there collections.


hope it helps for people around here.

Regards,

Hi ravt,



thanks a lot for sharing this. It works great!



greetings,

Els

I used another way to add FontAwesome.



First you need to download font awesome from official website, then upload font files from folder “fonts” into design>themes>your_theme>media>fonts



Next you need place CSS rule into one of stylesheet in your css folder, im added code into glyphs.css, which also loads Glyphs font and sets icon shortcodes.


@font-face {
font-family: 'FontAwesome';
src:url('../media/fonts/fontawesome-webfont.eot');
url('../media/fonts/fontawesome-webfont.woff') format('woff'),
url('../media/fonts/fontawesome-webfont.ttf') format('truetype'),
url('../media/fonts/fontawesome-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}




next you can edit some element to font awesome.



for example



exclude firstly element from glyphs style, and make secondary for awesome.



for example i use icon-down-micro, ofcourse you need make changes to sizes and styles.


.icon-down-micro {
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-left: 10px;
text-align:right;
}


.icon-down-micro:before {
content: "\f078"; //e01d
}



[quote name='ravt' timestamp='1382352582' post='170069']

Ok guys I found solution for this issue :



Create Meta.post.tpl

under your template–> addons–>my_changes–>hooks–>index folder



and place this code

its works so fine.

Now you can call any Icons from there collections.


hope it helps for people around here.

Regards,
[/quote]

I'm trying to use some symbols but doesn't work.

Would be great if you can explain a little more step by step. font Awesome looks nice.
thank you!

try this methode...

i add Fontawesome pro to cs-cart Backend & Vivashop theme.

and make change for all list below

Then You will make it like this

now you need to change the icons codes manual from the script