我如何在我的 css 文件中包含 font awesome 类？

Question

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

Answer 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

Answer 2

您可以像这样使用 bootstrap fontawesome：

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

这会进入您 html 的 <head> </head>。

How do i include font awesome classes in my css file?