1.首先使用你需要的字体(在这之前你必须要有自己的字体文件);
**
@font-face
{
font-family: myFirstFont;
src: url('../fonts/icomoon.ttf') /*这是你所要引用的字体文件*/
,url('../fonts/icomoon.eot'); /* IE9 */
}
div
{
font-family:myFirstFont;
}
**
2.可以给你引用的字体添加一些样式
**
@font-face
{
font-family: myFirstFont;
src: url('../fonts/icomoon.woff');/*这是你所要引用的字体文件*/
}
@font-face
{
font-family: myFirstFont;
src: url('../fonts/icomoon.woff');/*这是你所要引用的字体文件*/
font-weight:bold; /*使文体加粗*/
}
div
{
font-family:myFirstFont;
}
还可以添加,如:
font-stretch : 定义如何拉伸字体。默认是 “normal”。
font-style : 定义字体的样式。默认是 “normal”。
unicode-range : 定义字体支持的 UNICODE 字符范围。默认是 “U+0-10FFFF”。