1

我正在尝试使用位于主站点文件夹（erbosdraco_nova_nbp.ttf）中的外部字体，但它不起作用并显示默认的 html 字体。

@font-face

{
font-family: "fontFlightboard";
src: url('templates/erbosdraco_nova_nbp.ttf')
    ,url('Sansation_Light.eot'); /* IE9 */
}


#loginaccess {
    width:450px;
    height:200px;
    background-color:#F3F3F3;
    float:center;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    text-align:left;
    font-family:"fontFlightboard";
}

谢谢。

4

3 回答 3

1

首先，您必须将字体转换为所需的格式，例如eot, ttf,svg等。您可以访问此链接将字体从一种类型转换为另一种类型：http ://www.fontsquirrel.com/fontface/generator

最后，将此代码作为CSS文件中的第一件事包括在内：

`@font-face {
    font-family: 'JosefinSlab';
    src: url(../JosefinSlab-SemiBold.eot);
    src: url(../JosefinSlab-SemiBold.ttf) format('truetype'),
         url(../JosefinSlab-SemiBold.svg) format('svg'); 
}`

确保字体文件的路径正确。

于 2012-12-01T15:55:06.000 回答
0

Try this way

@font-face{
font-family: fontFlightboard;
src: url('templates/erbosdraco_nova_nbp.ttf'),
     url('Sansation_Light.eot'); /* IE9 */
}
于 2012-12-01T15:47:06.907 回答
0

我首先建议从 Font Squirrel 之类的地方生成一个 Fontface 工具包，因为它包含您需要的所有格式，然后查看是否可以解决您的问题。

http://www.fontsquirrel.com/fontface/generator

于 2012-12-01T15:38:53.453 回答