Question

这可能有点草率的结论，但当我发现FontSquirrel.com没有使用their @font-face generator生成笑脸（☺）时出现了我的问题。

而不是通常的防弹标准（关于笑脸的as laid out by Paul Irish），FontSquirrel的@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发生器似乎是最流行和最常用的发生器，它让我想知道为什么他们不再包括笑脸了。特别是因为他们似乎已经把它包括在内......

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

Answer 1

编辑 - 了解更多可能感兴趣的信息：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属性。

Answer 2

最新的＆＃34;防弹＆＃34;可以使用fontsquirrel's WEBFONT GENERATOR始终找到方法。

因此，自撰写问题以来，已添加.woff2支持。

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

上传tiny font file，这将生成一个zip文件，其中您的字体转换为所有格式，但更重要的是它还包含一个带有＆＃34;子弹证明＆＃34;的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;

}

使用@ font-face中的笑脸（☺）仍然相关吗？

2 个答案: