在@font-face 中使用笑脸 (☺) 仍然相关吗？

Question

这个结论可能有点仓促，但是当我发现 FontSquirrel.com 没有生成带有their @font-face generator 的笑脸 (☺) 时，我的问题就出现了。

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

@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 生成器似乎是最流行和最常用的生成器，这让我想知道为什么他们不再包括笑脸。尤其是因为他们似乎之前已经包含了它......

以防万一有人不熟悉笑脸，有a good explanation here。

Answer 1

使用fontsquirrel's WEBFONT GENERATOR 始终可以找到最新的“防弹”方法。

所以自从写了你的问题，.woff2support 已经被添加了。

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

上传tiny font file，这将生成一个将您的字体转换为所有格式的 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;

}

Answer 2

编辑 - 遇到更多可能感兴趣的信息：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 独一无二……我猜是带着笑脸……但这看起来很乱，所以使用本地属性。