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