font-family not loading？

我有以下CSS声明：font-family not loading？

body {font-family: Verdana, Tahoma, "Trebuchet MS", "DejuVu Sans", "Bitstream Vera Sans", sans-serif;

它不加载页面上。我不得不补充：

<style> 
body {font-family: Verdana, Tahoma, "Trebuchet MS", "DejuVu Sans", "Bitstream Vera Sans", sans-serif;} 
</style>

为了让它能够正常工作......在Chrome和safari中这是真的......这是一个很奇怪的想法吗？

注意，所有其他的CSS工作正常...

来源

2013-01-17 Mike Earley

是否可以添加一个链接到它不工作的网站？ – Bazzz

我现在在我的本地开发环境。它在JSFiddle中工作。 http://jsfiddle.net/vFXZz/ –

然后，你必须发布更多的代码，因为错误不在你的CSS中......尝试@ JohnPeter的解决方案，使用'！important'，并确保没有其他'！important'- CSS-line会覆盖这里描述的CSS。 – algorhythm

所以，！重要的工作，我不知道为什么。一个说明，我拿出额外的家庭，现在看起来是这样的：

body, body * { 
font-family: Verdana, Tahoma, sans-serif !important; 
}

但改变的是什么都没有做修复它。！重要的固定它。即使在CSS中没有任何其他位置更改font-family（请参阅工作JS小提琴）。我附上了开发人员工具的屏幕截图，以显示继承。

developer tools

来源

2013-01-17 16:03:58

都试图选择以下？

body, body * { 
    font-family: Verdana, Tahoma, "Trebuchet MS", "DejuVu Sans", "Bitstream Vera Sans", sans-serif; 
} /* this affects every element in the body and the body itself */ 

/* OR just */ 
* { 
    font-family: Verdana, Tahoma, "Trebuchet MS", "DejuVu Sans", "Bitstream Vera Sans", sans-serif; 
} /* this affects every element */

这里是你可以用CSS3做什么： http://www.css3.info/preview/web-fonts-with-font-face/

来源

2013-01-17 13:06:09 algorhythm

我试过*，但不是身体*，虽然它不应该是必要的......但是 - 我只是现在试了一下，并没有工作。再次，上面的jsFiddle链接显示了代码，它实际上在那里工作。 –

用下面的例子试试看：

@font-face{font-family:'Arvo';src:url('fonts/Arvo-Regular.ttf')} 
@font-face{font-family:'Erasmd';src:url('fonts/ERASMD.TTF')} 


body { font-family: Arvo; } 

(or) 

body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important; }

我认为这可以帮助你解决你的问题。

来源

2013-01-17 13:16:29

我不需要额外的字体，也不需要额外的字体...我很好奇为什么会这样做呢？ –

请参考以下位置进行说明：http：//caniuse.com/fontface和http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp上面还提到了一个例子，那就是如何使用font-面临在CSS中，而不是你当前的CSS。你需要使用它。 –

我想知道是否有误解，因为这个问题与font-face无关，而且我知道如何实现font-face。我试图利用Verdana，我不需要使用font-face。 –

某些字体家庭必须使用`字体面被启用，平时ü做这样的事情

@font-face { 
    font-family: 'alex_brushregular'; 
    src: url('alexbrush-regular-otf-webfont.eot'); 
    src: url('alexbrush-regular-otf-webfont.eot?#iefix') format('embedded-opentype'), 
     url('alexbrush-regular-otf-webfont.woff') format('woff'), 
     url('alexbrush-regular-otf-webfont.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 

} 

body { 

font-family: 'alex_brushregular', Arial, "sans-serif"; 

}

来源

2013-01-17 13:33:30

很酷，有道理，但我不应该使用@ font-face启用Verdana，除非我错过了某些东西？ –

是的，我认为verdana是与font-face –

font-family not loading？

回答

相关问题