1. 程式人生 > >icomoon字型圖示引用程式碼

icomoon字型圖示引用程式碼

1.第一步在樣式裡宣告字型:告訴別人我們自己定義的字型。



@font-face{ /*宣告字型 引用字型*/

font-family:'icomoon';
src:url('fonts/icomoon.eot');
src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('fonts/icomoon.woff') format('woff'),
url('fonts/icomoon.ttf') format('truetype'),
url('fonts/icomoon.svg#SofiaProLight') format('svg');

font-weight:normal;
font-style:normal;

}



2.第二步給盒子使用字型
span{
font-family: icomoon;
}


3.盒子裡面新增結構

span::{

}


<span></span>