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");
可能相關:http://stackoverflow.com/questions/16042387/svg-spritesheet-targeting-with-css – cimmanon
@cimmanon謝謝你,它看起來是一樣的。你能解釋爲什麼它是一種安全風險嗎?我沒有看到如何加載SVG與僅加載由##定義的部分是一種安全風險。 –
是的,我不太確定爲什麼這是一個安全問題,並且鏈接的錯誤報告沒有詳細說明。 Google在這裏也不是很有幫助。我只能猜測它與訪問類似於此的瀏覽歷史記錄有關:http://www.456bereastreet.com/archive/201112/visited_links_can_only_be_differentiated_by_colour/ – cimmanon