QtWebkit渲染非標準字體，斜體和正常切換

Question

我想通過@ font-face在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上可以打開斜體和普通字體。我嘗試了幾件事，通過刪除所有斜體字體（甚至從文件系統），但文本是以斜體呈現的樣式...

我也嘗試聲明只有一個拉託字體，併爲每個重量調用不同的.ttf和風格，但我有同樣的問題。

也嘗試從網站加載的拉託字體，同樣的問題。

我真的不明白這裏有什麼問題。

更多的信息，應該是有幫助的：

• Windows 7的

• 的Qt 5.3.1

• 文件從文件系統加載的，不在線（文件：// .. ...）

謝謝:)

Answer 1

這不是QT的問題（注：現代的瀏覽器經常使用woff）

您在@font-face添加font-style: italic;，這需要的Webkit /鉻在您選擇加入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在現代瀏覽器中使用：鉻6+，火狐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 */ 
}