ravt
October 18, 2013, 12:00am
1
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
ravt
October 19, 2013, 12:00am
2
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]
ravt
October 21, 2013, 12:00am
3
any update guys… Hope some one from comm would have implemented it. It would be helpful if you guys share your knowledge.
Thanks,
mon
October 21, 2013, 12:00am
4
open “design” — “template editor” — open your theme (basic) — in your theme open “templates” folder — edit index.tpl:
after
just add your link
ravt
October 21, 2013, 12:00am
5
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,
els
December 13, 2013, 12:00am
6
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
}
rafass
July 19, 2014, 12:00am
8
[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!
mourad
June 25, 2021, 12:00am
9
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