FF应用随机字体大小：在元素（CSS）之后

Question

我有这个圆形的加号，基本上是一个<span>，带有plus类。在CSS中，我渲染一个：after元素，其中包含+个字符（\ff0b）。奇怪的是，Firefox渲染+的字体大小与普通的Plus非常不同。 Chrome做得对。

在此截图中，Chrome已离开，Firefox是对的。我在“alle”之前加入了一个普通的加号字符进行比较。忽略灰色渐变，这只是浏览器窗口的阴影：

这是CSS：

 .plus {
    display: inline-block;
    margin-right: 0.2em;
    margin-top: -2px;
    vertical-align: middle;
    color: white;
    background: rgba(0, 161, 228, 0.8);
    width: 1.1em;
    height: 1.1em;
    border-radius: 1.1em;
    text-align: center;
    line-height: 1.1em;
 }
 .plus:after {
    content: "\ff0b";
 }

HTML不可能更简单：

<span class="plus"></span>+ alle Kategorien

Answer 1

似乎如果您将\ ff0b替换为实际的＆＃39; +＆＃39;，则两种浏览器的渲染都是相同的：

 .plus:after {
   font-family: Arial;
   font-size: 11px;
   content: "+";
}

http://jsfiddle.net/r47JB/3/

我还设置了font-size和font-weight，以确保它不会继承。