Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 字体嵌入:这里怎么了?_Css_Fonts_Embedding - Fatal编程技术网

Css 字体嵌入:这里怎么了?

Css 字体嵌入:这里怎么了?,css,fonts,embedding,Css,Fonts,Embedding,我对html和css还是相当陌生,所以我可能忽略了一些东西。 我一直在尝试创建一个小网站,并在其中嵌入了字体。 它在firefox中工作,但在InternetExplore中却没有。我不知道其他浏览器。 这里是该网站的链接。单击L转到第二页: . 因此,正如您所看到的,还存在一些定位故障 因此字体无法正常工作。我该怎么办 这是我的css代码,我有一个.eot和.ttf文件的字体: @font-face{ font-family: libralust; src: url('Futura_Bk.

我对html和css还是相当陌生,所以我可能忽略了一些东西。 我一直在尝试创建一个小网站,并在其中嵌入了字体。 它在firefox中工作,但在InternetExplore中却没有。我不知道其他浏览器。 这里是该网站的链接。单击L转到第二页: . 因此,正如您所看到的,还存在一些定位故障

因此字体无法正常工作。我该怎么办

这是我的css代码,我有一个.eot和.ttf文件的字体:

@font-face{ 
font-family: libralust; 
src: url('Futura_Bk.eot'); /* For IE */ 
src: local('libralust'), url('Futura_Bk.ttf') format('truetype'); /* For non-IE */ 
}

body {
font-family: libralust, Verdana, Arial, sans-serif;
text-align:center;
}
我一直在寻找,但没有足够的经验去理解这一切。
其他关于网站的评论也很感谢。谢谢你的帮助

这是一个跨站点字体嵌入的示例

}

现在你可以找出问题所在了

我将指出另一个提示:local


有关详细说明,请阅读以下内容:和/或

并非所有浏览器都支持字体,而且有很多字体扩展;像eot、svg、woff、ttf

尝试此操作,因为您只有eot和ttf:

@font-face{ 
    font-family: libralust;
    src: url('Futura_Bk.eot');
    src: url('Futura_Bk.eot?#iefix') format('embedded-opentype'),
    url('Futura_Bk.ttf') format('truetype');
    font-weight: normal; /* thin? normal? bold? */
    font-style: normal;
}

字体是从哪里来的?本地字体(代码的其余部分)是由ttf->eot转换器建议的,因为我不知道它的作用,所以我只是复制了它。我想获得.woff和.svg版本也是一个好主意。你有什么建议吗?还有#iefix。。。它能做什么?对转换为.svg、.woff?@PéPéArtist有什么建议吗?我唯一推荐的是。既然我们在帮你们投票,我会的,但我的名声还不允许
@font-face{ 
    font-family: libralust;
    src: url('Futura_Bk.eot');
    src: url('Futura_Bk.eot?#iefix') format('embedded-opentype'),
    url('Futura_Bk.ttf') format('truetype');
    font-weight: normal; /* thin? normal? bold? */
    font-style: normal;
}