我如何在我的css文件中包含字体真棒类?

时间:2015-04-28 12:12:54

标签: html css font-awesome

我可以从font awesome css复制fa类,但不知道如何从 EOT和WOFF(字体文件)复制数据。我没有使用bootstrap。只是我的HTML和CSS文件。请帮忙。

2 个答案:

答案 0 :(得分:1)

将其放在CSS文件中:

@font-face {
    font-family: 'your font name';
    src: url(path/to/your/font.woff);
}

.anyClassToUseFont {
    font-family: 'your font name'
}

确保.woff文件的路径正确无误。请注意,这仅适用于某些浏览器,因为并非所有支持.woff文件格式。其他字体文件(.eot.ttf等)将帮助您覆盖其他人。有关详细信息,请考虑查看CSS3 Font Face

答案 1 :(得分:0)

你可以像这样使用bootstrap fontawesome:

<link href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

这是在你的html的<head> </head>内。