为了账号安全,请及时绑定邮箱和手机立即绑定

CSS@字体-Face不使用Firefox,而是使用Chrome和IE

CSS@字体-Face不使用Firefox,而是使用Chrome和IE

偶然的你 2019-06-29 17:18:11
CSS@字体-Face不使用Firefox,而是使用Chrome和IE以下代码适用于GoogleChromebeta和IE7。然而,Firefox似乎对此有问题。我怀疑这是一个如何包含我的CSS文件的问题,因为我知道Firefox对跨域导入并不太友好。但是这都是静态的HTML,没有跨域的问题。在land-page.html上,我做了如下所示的CSS导入:<link rel="stylesheet" href="../css/main.css" type="text/css" media="screen, projection" />在main.css中,还有类似于这样的另一个导入:@import url("reset.css");@import url("style.css");@import url("type.css");在.css类型中,我有以下声明:@font-face {     font-family: "DroidSerif Regular";         src: url("font/droidserif-regular-webfont.eot");         src: local("DroidSerif Regular"),                  url("font/droidserif-regular-webfont.woff") format("woff"),                  url("font/droidserif-regular-webfont.ttf")     format("truetype"),                  url("font/droidserif-regular-webfont.svg#webfontpB9xBi8Q")     format("svg");      font-weight: normal; font-style: normal; }@font-face {     font-family: "DroidSerif Bold";     src: url("font/droidserif-bold-webfont.eot");     src: local("DroidSerif Bold"),          url("font/droidserif-bold-webfont.woff") format("woff"),          url("font/droidserif-bold-webfont.ttf") format("truetype"),          url("font/droidserif-bold-webfont.svg#webfontpB9xBi8Q") format("svg");     font-weight: normal; font-style: normal; }body { font-family: "DroidSerif Regular", serif; }h1 { font-weight: bold; font-family: "DroidSerif Bold", serif; }我有一个名为“字体”的目录,与type.css位于同一个位置。此字体目录包含所有Woff/TTF/SVG文件等。我对这件事很困惑。它适用于Chrome和IE,但不适用于Firefox..这怎麽可能?我遗漏了什么?
查看完整描述

3 回答

  • 3 回答
  • 0 关注
  • 553 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信