Javascript 如果字体必须调用多个文件，它值得吗？

因此，跨浏览器@font-face解决方案似乎需要多个HTTP请求。这是我能找到的最好的代码：

@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('Graublau Web Regular'), local('Graublau Web'),
    url("GraublauWeb.woff") format("woff"),
    url("GraublauWeb.otf") format("opentype"),
    url("GraublauWeb.svg#grablau") format("svg");
}

就这一点而言，我最好还是只使用Javascript，或者这会同样降低加载时间？我的终极加载速度解决方案（以及SEO，这是我的首要任务）是使用图像吗

---

谢谢

浏览器将根据该规则只进行一次连接和一次下载。这条规则并没有告诉浏览器下载所有指定的字体——这没有意义。相反，它告诉浏览器下载找到的第一个指定字体

该行：

src: url('GraublauWeb.eot');

---

在单独的规则中，因为行目标浏览器（IE）不支持替代字体列表。这利用了浏览器会忽略他们不理解的css规则这一事实。

搜索引擎通常不遵循样式表规则，IIRC。@Zeta我认为你应该理解它，就好像特殊的字体大小写被图像替换了一样，那么SEO呢？是什么让你认为上面的代码会导致多个http请求？乍一看，我看不出有什么理由要求这样做。