2013-06-19 69 views
1

Chrome呈現SVG字體比TTF好,所以我想強制它使用SVG文件。但是,當我僅在我的聲明中包含SVG時,Chrome不會查找/應用字體。如果我刪除哈希符號,它確實應用它(可能是在SVG中發現的第一件事)!我究竟做錯了什麼?當包含散列時,Chrome不會渲染字體的svg

文件結構

/ 
/fonts 
/styles 

styles.css的

@font-face { 
    font-family: "TeXGyreHerosCnBoldItalic"; 
    src: url("../fonts/texgyreheroscn-bolditalic-webfont.svg#TeXGyreHerosCnBoldItalic") format("svg"); 
    font-weight: normal; 
    font-style: normal; 

} 

HTML

<div style="font-family: 'TeXGyreHerosCnBold';">Some text</div> 

如果我不是做日是,它的工作原理:

src: url("../fonts/texgyreheroscn-bolditalic-webfont.svg") format("svg"); 
+0

可能相關:http://stackoverflow.com/questions/16042387/svg-spritesheet-targeting-with-css – cimmanon

+0

@cimmanon謝謝你,它看起來是一樣的。你能解釋爲什麼它是一種安全風險嗎?我沒有看到如何加載SVG與僅加載由##定義的部分是一種安全風險。 –

+0

是的,我不太確定爲什麼這是一個安全問題,並且鏈接的錯誤報告沒有詳細說明。 Google在這裏也不是很有幫助。我只能猜測它與訪問類似於此的瀏覽歷史記錄有關:http://www.456bereastreet.com/archive/201112/visited_links_can_only_be_differentiated_by_colour/ – cimmanon

回答