asp.net mvc - Zurb Foundation icons general enclosed -
i'm trying use zurb foundation general enclosed font icons. downloaded files, have filename extenstions of "sgv", "ttf", "woff". i'm not sure how include them in page. i'm new this. i've searched google , read few blogs on i'm still confused. i'm not sure how set files them work. platform asp.net mvc. thank you
when download fonts, you'll able merge stylesheets , fonts folders straight foundation. here's css looks like:
@font-face { font-family: '[set]foundicons'; src: url('fonts/[set]_foundicons.eot'); src: url('fonts/[set]_foundicons.eot?#iefix') format('embedded-opentype'), url('fonts/[set]_foundicons.woff') format('woff'), url('fonts/[set]_foundicons.ttf') format('truetype'), url('fonts/[set]_foundicons.svg#[set]foundicons') format('svg'); font-weight: normal; font-style: normal; } [class*="foundicon-"] { display: inline; width: auto; height: auto; line-height: inherit; vertical-align: baseline; background-image: none; background-position: 0 0; background-repeat: repeat; } [class*="foundicon-"]:before { font-family: "[set]foundicons"; font-weight: normal; font-style: normal; text-decoration: inherit; }
this how use it.
<i class="foundicon-[icon]"></i>
Comments
Post a Comment