字体proxima_novalight呈现为Times New Roman [英] Font proxima_novalight is rendered as Times New Roman

问题描述

我在呈现字体时遇到问题.在网站的某一部分，一切正常.我的CSS中有

I have a problem rendering a font. In one part of the site every thing works fine. I have in my css

font-family: proxima_novalight;

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

and if I go in the Computed style section of chrome, I see this in the rendered fonts section at the bottom:

hp4c7LFzMk-VFtNvUrXnVg==—15 glyphs

但是，我不知道这个神秘字符是什么意思.

But, I have no idea what this cryptic characters means.

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

In other part of my site, I style have the same css style (no override, I checked)

font-family: proxima_novalight;

但是，如果我进入Computed部分，然后进入呈现的字体，则会看到:

But if I go in the Computed section and then in the rendered fonts, I see:

Times New Roman—15 glyphs

有人知道发生了什么吗?

Does anyone has any idea of what is going on ?

当我选中或取消选中CSS属性时，渲染将恢复为Arial默认字体.因此，它的作用就像是css属性强制使用Times Times New Roman渲染一样，但我不明白为什么.

When I check or uncheck the CSS property, the rendering goes back to Arial default font. So it really act as if the css property force a Times New Roman rendering, but I don't understand why.

推荐答案

我不知道@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的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！