0

我正在尝试使我的 CSS 内联，但这给了我一些问题。我正在使用 font-awesome，我有：

@font-face {
  font-family: 'FontAwesome';
  src: url('font/fontawesome-webfont.eot');
  src: url('font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('font/fontawesome-webfont.woff') format('woff'), url('font/fontawesome-webfont.ttf') format('truetype'), url('font/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

在 CSS 中。所以当它被内联时，它不起作用（我在页面上看不到任何图标）。这是否意味着我不能内联？

附加信息：

html:

<style type="text/css">
@font-face {
  font-family: 'FontAwesome';
  src: url('font/fontawesome-webfont.eot');
  src: url('font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('font/fontawesome-webfont.woff') format('woff'), url('font/fontawesome-webfont.ttf') format('truetype'), url('font/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

.icon-wrench:before {
  content: "\f0ad";
}
</style>

<i class="icon-wrench"></i>

当我像这样链接到样式表时，它正确显示：

<link href="style.css" rel="stylesheet">

但不是，似乎用上述方法。

4

2 回答 2

0

尝试这个：

@font-face {
    font-family: 'FontAwesome';
    src: url('font/fontawesome-webfont.eot');
    src: local('☺'), url('font/fontawesome-webfont.woff') format('woff'), url('font/fontawesome-webfont.ttf') format('truetype'), url('font/fontawesome-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

我使用它，它适用于所有浏览器。

于 2013-05-30T09:54:25.287 回答
0

你确定字体文件的路径是正确的吗？

请记住，外部样式表中的路径是相对于该样式表的位置的，而路径中<style>的路径将被视为相对于 HTML 文档的位置。

于 2013-05-30T10:51:45.510 回答