php - 网页上缺少字体

Question

我正在尝试在所有客户端上都不存在的网页上使用字体。有没有办法检测到丢失的字体并通知用户在哪里下载它？

Answer 1

with 的方式@font-face要优雅得多，但是如果您想通知用户，这里有一个解决方案（尽管我强烈建议您使用@font-face）：

您可以使用FontChecker 之类的脚本来检查字体是否可用。它依赖于MooTools并被这样调用：

window.addEvent('domready',function() {
  var fc = new FontChecker();
  if (!fc.check('Some Font')) {
    alert('Please install "Some Font"!');
  }
});

如果某些字体不可用，则会出现一条消息。

如果您不使用 MooTools，其他库或 vanilla JS（=没有库的普通 JS）也有类似的脚本。或者只是重写它，它很短。

其他一些脚本（我不认识，我只使用 FontChecker）：

• jQuery：http ://remysharp.com/2008/07/08/how-to-detect-if-a-font-is-installed-only-using-javascript/
• 香草： http: //www.samclarke.com/2013/06/javascript-is-font-available/
• 另一个香草：http ://www.lalit.org/lab/javascript-css-font-detect/

Answer 2

如果该字体已获得在公共网页上使用的许可，您可以@font-face按照此处其他答案中的引用使用。

但是，大多数商业字体都未获得 Web 使用许可，因为任何人都可以检查您的 CSS 并自行下载字体。

您最好的选择是从 google web fonts 等服务中选择不同的字体并使用@font-face。

http://www.google.com/fonts

Answer 3

另一种方法是cufon。但它不是纯 CSS，它使用 JS 来创建基于画布的字体。