Question

我创建了一个新网站（http://www.glutenfreekate.com）并使用了我在style.css中包含的自定义字体。我之前使用过自定义字体，从未遇到任何麻烦。这次我有以下问题：

当我第一次访问页面或清空缓存后，字体未加载。换句话说：没有文字。它没有使用其他字体，但根本没有。它似乎为这些话留下了空间。它似乎是看不见的。当我点击页面上的任何地方时，它会被加载，并且在每次访问后它都会在那里。

这个问题似乎只存在于当前的Chrome中。

我尝试在style.css中添加它，导入所有其他样式表，并在样式表的最顶部使用该字体。两者都没有帮助。

我尝试重命名字体文件和字体名称但没有任何成功。

以下是代码：

@font-face {

font-family: 'aaarghnormal';
  src: url('../katebreuerme/fonts/aaargh.eot');
  src: url('../katebreuerme/fonts/aaargh.eot?#iefix') format('embedded-opentype'),
  url('../katebreuerme/fonts/aaargh.woff') format('woff'),
  url('../katebreuerme/fonts/aaargh.ttf') format('truetype'),
  url('../katebreuerme/fonts/aaargh.svg#aaarghnormal') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "aaarghnormal", Helvetica, Century Gothic, Verdana, sans-serif, serif, Courier, monospace;
}

关于如何解决这个问题的任何想法？如果我的读者在第一次访问时看不到字体，我认为这不好...

谢谢！

Answer 1

这可能只是你有：

@import url("css/style.css");

@font-face {
    font-family: 'aaarghnormal';
    src: url('../katebreuerme/fonts/aaargh.eot');
    src: url('../katebreuerme/fonts/aaargh.eot?#iefix') format('embedded-opentype'),
    url('../katebreuerme/fonts/aaargh.woff') format('woff'),
    url('../katebreuerme/fonts/aaargh.ttf') format('truetype'),
    url('../katebreuerme/fonts/aaargh.svg#aaarghnormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

你的css / style.css是否使用该字体？因为也许是第一次没有加载字体而你试图在css / style.css上使用它，我错了吗？

尝试更改它并首先加载字体并直接在html文件中包含css / style.css。不确定这是否可以解决您的问题，但尝试

无需任何费用

首次访问时未加载自定义字体

1 个答案: