<h1>和</h1> <h2>未在Opera浏览器</h2>中按预期显示

Question

我正在使用上面的CSS来设置我的h1样式，它在大多数浏览器上运行良好，除了可以改变定位的歌剧之外：

h1{
    position:fixed;
    left:5px;
    top:5px;
    color:#111;     
    font-family:'Josefin Sans', Arial, serif;
    font-size:3.3em;
    margin:0px;  
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0px;;

}

我尝试用h2取代h1并且所有浏览器上的一切都很好用，即使在opera中定位似乎也不错，但现在字体大小不好而且使用的字体可能是浏览器默认...有什么我的应该知道我不喜欢歌剧，请咨询......！ 所有其他浏览器：
歌剧：

编辑： 主要的问题似乎是它没有实现我从谷歌使用的字体（所有其他浏览器都做...）但它实现了另一个真正相似的上面......

Answer 1

您是否尝试过使用像素代替字体？也许Opera解释em与其他浏览器不同......

编辑 - 使用em作为字体大小不是问题。也不是位置：固定属性。这是解决方案：

在我删除了'Josefin Sans'之后解决了问题，然后让它们再次回来了...现在Opera出现了备份字体，我认为问题是Cache和Opera无法加载谷歌字体的愚蠢组合H1

Answer 2

在ems中指定字体大小毫无意义。 em是当前字体大小的'm'的宽度。字体大小应以磅为单位指定。

Answer 3

“在ems中指定字体大小毫无意义.em是当前字体大小中'm'的宽度。字体大小应以点数指定。”

- 这不正确。 em完全适合定义字体大小。当用于定义字体大小时，em确实引用当前字体大小，除了 - 然后它引用父字体大小。否则就没用了。

来自w3c规范（http://www.w3.org/TR/CSS21/syndata.html）：

“'em'单位等于使用它的元素的'font-size'属性的计算值。例外情况是'font'出现在'font-size'的值中属性本身，在这种情况下，它指的是父元素的字体大小。“