8

这可能有点草率的结论，但是当我发现 FontSquirrel.com 没有使用他们的 @font-face 生成器生成笑脸 (☺) 时，我的问题就出现了。

FontSquirrel 的生成器不是通常的防弹标准（如 Paul Irish关于笑脸的规定），而是仅生成以下内容：@font-face

@font-face {
font-family: 'sansationregular';
src: url('sansation_regular-webfont.eot');
src: url('sansation_regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('sansation_regular-webfont.woff') format('woff'),
     url('sansation_regular-webfont.ttf') format('truetype'),
     url('sansation_regular-webfont.svg#sansationregular') format('svg');
font-weight: normal;
font-style: normal;
}

我意识到，通过 FontSquirrel 放弃笑脸意味着笑脸不再相关，这可能太仓促了，但考虑到 FontSquirrel 的@font-face生成器似乎是那里最受欢迎和使用最多的生成器，这让我想知道他们为什么不这样做包括笑脸了。特别是因为他们似乎之前已经包含了它......

以防万一有人不熟悉笑脸，这里有一个很好的解释。

4

2 回答 2

5

编辑 - 遇到更多可能感兴趣的信息：https ://stackoverflow.com/a/4520467/1455709

Android 2.2 设备会受到local()使用的影响，您@font-face根本无法使用。

我可以确认在 Android 2.3.6（默认浏览器）上local()会破坏您的@font-face声明。

Android 4.0（默认浏览器）与local().

不确定之间的一切。再说一次，我认为这取决于您的用户群，或者您想要使用多个样式表来确保您的字体在任何地方都能工作的努力。

好吧，他们只生成在所有浏览器上显示您的字体所需的代码。您是否愿意承担“风险”来决定用户是否在本地安装了该名称的字体。

取决于你的听众，我会说。

  • 有人真的在他们的本地机器上安装字体了吗？这个网站上的很多人可能，设计师肯定会，但是普通大众呢？可能不是。

  • 您使用的字体与另一种不同字体同名的可能性有多大？小的。

  • 用户安装该特定其他字体的机会有多大？很小。

如果您想确保用户下载并使用您的特定字体，请使用它。

如果您想使用 Windows 字体（可能不允许）并希望它们在 Mac 上可见，那么您就不想使用笑脸，以免每个 Windows 用户下载他们已经拥有的字体（即实际上是一样的）。

如果您想使用名为“Verdana”的自定义字体，您肯定会想要使用笑脸。那个，或者做font-family独一无二的……我猜是带着笑脸……但这看起来很乱，所以使用 local 属性。

于 2012-09-30T06:01:49.917 回答
0

使用fontsquirrel 的 WEBFONT GENERATOR总是可以找到最新的“防弹”方法。

因此，自从写下您的问题以来，.woff2已经添加了支持。

任何希望澄清最新方法的人都应该执行以下操作。

上传一个小字体文件，这将生成一个 zip 文件，其中您的字体转换为所有格式，但更重要的是它还包含一个带有“防弹”方法的 CSS 文件。

目前看起来像这样。

@font-face {
    font-family: 'font-name';
    src: url('fontawesome-webfont-webfont.eot');
    src: url('fontawesome-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontawesome-webfont-webfont.woff2') format('woff2'),
         url('fontawesome-webfont-webfont.woff') format('woff'),
         url('fontawesome-webfont-webfont.ttf') format('truetype'),
         url('fontawesome-webfont-webfont.svg#font-name') format('svg');
    font-weight: normal;
    font-style: normal;

}
于 2016-03-08T15:27:21.233 回答