css - 在@font-face 中使用笑脸 (☺) 是否仍然相关?

标签 css fonts font-face webfonts

这可能有点草率的结论,但当我发现 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 .

最佳答案

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

关于css - 在@font-face 中使用笑脸 (☺) 是否仍然相关?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12650400/

相关文章:

html - 如何在同一页面的 div 中定位 anchor

html - Firefox 不会加载/渲染自定义字体

css - 具有直背景图像的 Div 钻石

css - 单击按钮时更改整个页面背景

jquery - Css,动画后保持旋转位置

html - 尽管 HTML 中的样式没有变化,但网页中句子的字体发生了变化。为什么?

html - 字体粗细不适用于下载的字体

html - 在网站上使用自定义 .ttf 字体

css - 有没有办法在渲染页面之前下载 HTML5 页面中的字体?

html - 很棒的字体不适用于任何 iE 或 Edge