如何使用css导入系统中不存在的字体

时间:2013-12-07 08:32:45

标签: css web

我用这段代码试了很多..

@font-face 
{
    font-family: 'bebas_neueregular';
    src: url('../font/BebasNeue-webfont.eot');
    src: url('../font/BebasNeue-webfont.eot?iefix') format('eot'),
         url('../font/BebasNeue-webfont.woff') format('woff'),
         url('../font/BebasNeue-webfont.ttf') format('truetype'),
         url('../font/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

1 个答案:

答案 0 :(得分:0)

您可以使用Google提供的字体。只需粘贴链接即可 <head> 部分。

 <link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC' rel='stylesheet' type='text/css'>

然后在CSS中集成字体

font-family: 'Alegreya Sans SC', sans-serif;

如果未加载字体Alegreya Sans SC,则会应用sans-serif