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> 

from foundation documentation.


Comments

Popular posts from this blog

jquery - How can I dynamically add a browser tab? -

node.js - Getting the socket id,user id pair of a logged in user(s) -

keyboard - C++ GetAsyncKeyState alternative -