Question

这就是我所拥有的：http://agents.jeneth.com/versions/new/

<div class="hr"></div>在IE中看起来很完美，但在线条中心的'e'的装饰字体在任何其他浏览器中看起来都不那么装饰。这只是一个'e'。

这是一个代码为http://codepen.io/carolemagouirk/pen/ElxnD

的codepen

我试图找到一种简单的方法来制作一个漂亮的水平规则而不需要一堆代码。我读到不同浏览器对<hr>的处理方式截然不同，所以我决定选择div。

我希望我遗漏了一些明显易于修复的东西。

Answer 1

你有没有定义过这样的东西..

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

在这里，我在此声明之后将其定义为nymphetteregular，然后可以在css中将其用作字体..

确保您的网站有文件来源..如果您没有...您可能会找到它here。注意：我不确定它是否允许商业使用。请确认是否未亲自使用。

我相信这会解决问题。

Answer 2

在使用之前先声明你的@font面部规则

::在内容字体系列仅在IE上正确显示之后

2 个答案: