Question

我在渲染字体时遇到问题。在网站的一个部分，每件事都很好。我有我的css

font-family: proxima_novalight;

如果我进入chrome的Computed样式部分，我会在底部的渲染字体部分看到这一点：

hp4c7LFzMk-VFtNvUrXnVg==—15 glyphs

但是，我不知道这个神秘人物的含义是什么。

在我的网站的其他部分，我的样式具有相同的CSS样式（没有覆盖，我检查）

font-family: proxima_novalight;

但如果我进入Computed部分然后进入渲染字体，我会看到：

Times New Roman—15 glyphs

有没有人知道发生了什么事？

当我选中或取消选中CSS属性时，渲染将返回Arial默认字体。所以它真的好像css属性迫使Times New Roman渲染，但我不明白为什么。

Answer 1

我不知道@font-face声明

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

字体proxima_novalight呈现为Times New Roman

1 个答案: