QtWebkit呈现非标准字体、斜体和法线切换

Question

我试图通过@ QtWebkit字体使用自定义字体，而且它不能在Windows上正常工作。

下面是我的代码示例：

@font-face {
    font-family: 'LatoBoldItalic';
    src: url('../fonts/Lato-Italic.ttf') format('truetype'); 
    font-style: italic;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'LatoItalic';
    src: url('../fonts/Lato-Light-Italic.ttf') format('truetype'); 
    font-style: italic;
    font-weight: 300;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Light.ttf') format('truetype'); 
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizeLegibility;
}    
@font-face {
    font-family: 'LatoBold';
    src: url('../fonts/Lato-Regular.ttf') format('truetype'); 
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}


body{
    font-family: "Lato";
}
h1{
    font-family: 'LatoBold';
}
h2{
    font-family: 'LatoItalic';
}

所以，我的内容和h1应该在正常的拉托，只有我的h2在意大利语。

它确实在Mac Os上工作，但斜体和普通字体在Windows上切换。我尝试了几件事，通过删除所有的意大利字体(甚至从文件系统中)，但是文本是用意大利语呈现的样式。

我还试图只声明一种Lato字体，并为每个重量和样式调用不同的.ttf，但我也有相同的问题。

也尝试用Lato字体从一个网站加载，同样的问题。

我真的不明白这里有什么问题。

应有助于的更多信息：

• Windows 7
• Qt 5.3.1
• 文件是从文件系统加载的，而不是联机加载的(file://.....) )

谢谢:)

Answer 1

这不是QT的问题(注意:现代浏览器经常使用woff)

您在font-style: italic;中添加了@font-face，这需要在Webkit/Chrome中将font-style: italic;添加到选择器中。

示例：

@font-face {
    font-family: 'LatoItalic';
    src: url('../fonts/Lato-Light-Italic.ttf') format('truetype'); 
    font-style: italic;
    font-weight: 300;
    text-rendering: optimizeLegibility;
}
h2{
    font-family: 'LatoItalic';
    font-style: italic;
}

注意：woff在现代浏览器中使用: Chrome 6+、Firefox 3.6+、IE 9+、Safari 5.1+注意:尝试使用现代格式(和其他格式)，请参见：

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff') format('woff'), /* Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}