10

我正在寻找使用 CSS 设置水平规则的样式。到目前为止，我已经这样做了：

http://tinkerbin.com/vdzgAZ9q

但是，我想使用Font Awesome中的 'icon-star'而不是§符号。

有人能告诉我这是怎么做的吗？

谢谢！

4

2 回答 2

15

第一步是从fortawesome
下载字体 第二步将它们包含在 css 中。注意字体文件的路径：

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

最后，将 hr 选择器的内容规则从“§”替换为“\f005”

hr:after { content: "\f005";}
于 2013-03-09T12:54:30.270 回答
3

你根本不需要这个hr元素。

你去：http: //jsfiddle.net/Qc6J4/

于 2013-03-09T12:53:52.520 回答