Question

不完全是一个新主题，我知道，但阅读所有@ font-face相关帖子后，我仍无法找到问题的答案。

我是新手，所以我假设有一个非常令人尴尬的重大/基本错误，我没有看到，或者来自mys方面的一些概念上的误解。

任何帮助都非常受欢迎！

这是我在样式表中的内容（以及所有其他样式定义）：

   @font-face {
    font-family:'CorporateSBQ-Light';
    src:url('/fonts/CorporateSBQ-Light.eot');
    src:url('/fonts/CorporateSBQ-Light.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CorporateSBQ-Light.woff') format('woff'),
    url('/fonts/CorporateSBQ-Light.ttf') format('truetype'),
    url('/fonts/CorporateSBQ-Light.svg#CorporateSBQ-Light') format('svg');
    font-weight:normal;
    font-style:normal;
    font-variant:normal;
    }
    html, body 
    {
    background-color:#FFFFFF;
    margin-top:auto;
    margin-right:auto;
    margin-bottom:auto;
    margin-left:auto;
    font-family:"CorporateSBQ-Light", Helvetica Light, Arial, sans-serif;
    font-size:16px;
    color:#9FAD9E;
    height:100%;
    width:100%;
    overflow-y:scroll;
    }

我觉得我有正确的路径到正确的目录和正确的拼写等等，但即使经过几天尝试不同的路径，重新转换字体（在Fontsquirrel和另一个基于Web的转换器服务）等，由于某种原因，所需的字体将无法正确显示，在DM或浏览器中本地，在上传时也不会在任何浏览器中显示。相反，我得到了一个Helvetica或Arial。

我还试图在转换之前给字体一个完全不同的名称，只是将其转换回原始名称。转换后重命名它也没有帮助。

“fonts”文件夹放在根文件夹中。我也尝试将字体直接放在根文件夹中（没有任何文件夹拿着它们），我在所有可想到的变体中玩“CorporateSBQ-Light”和“CorporateSBQ-Light” - 没有成功。

谢谢！

Answer 1

在字体定义之前，您是否还有其他样式定义？如果没有尝试添加它们作为第一行。

我还记得那种麻烦，当字体与CSS不在同一个文件夹中时，也许值得一试。

这些是我最近购买的一些字体的说明，在任何浏览器中都适用于我：

将字体上传到与CSS文件相同的文件夹中并复制它代码进入你的CSS：

/* first for IE 4–8 */
@font-face {
  font-family: Family-Name;
  src: url("Family-Name.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: Family-Name;
  src: url("Family-Name.woff") format("woff");
}

/* go on with normal style definitions */
body { 
  font-family: Family-Name;
}

Answer 2

或者您可以尝试

 @font-face {
    font-family:'CorporateSBQ-Light';
    src:url('../fonts/CorporateSBQ-Light.eot');
    src:url('../fonts/CorporateSBQ-Light.eot?iefix') format('truetype'),
    url('../fonts/CorporateSBQ-Light.woff') format('woff'),
    url('../fonts/CorporateSBQ-Light.ttf') format('truetype'),
    url('../fonts/CorporateSBQ-Light.svg') format('svg');
    font-weight:normal;
    font-style:normal;
    font-variant:normal;
    }

@ font-face无法在任何浏览器中使用

2 个答案: