javascript - Modernizr 生成的内容（笑脸）

Question

为什么现代化者会产生笑脸......

它来自生成的内容 div。我似乎无法在新的空 HTML 文件上复制效果

更新

我想笑脸来自

@font-face {font-family:"font";src:url("//:")}@media (touch-enabled),(-webkit-touch-enabled),(-moz-touch-enabled),(-o-touch-enabled),(-ms-touch-enabled),(-khtml-touch-enabled),(modernizr){#touch{top:9px;position:absolute}}@media (transform-3d),(-webkit-transform-3d),(-moz-transform-3d),(-o-transform-3d),(-ms-transform-3d),(-khtml-transform-3d),(modernizr){#csstransforms3d{left:9px;position:absolute}}#generatedcontent:after{content:":)"}

Answer 1

我认为这是一个错误。你应该提交类似我们的错误跟踪器的东西，兄弟！

https://github.com/Modernizr/Modernizr/issues

但无论如何，我们正在修复。:)

顺便说一句，你在 iPad 上注意到这个了吗？通常像这样的狗屎只发生在慢机器上......虽然看起来像萤火虫......什么FF和操作系统版本PLZ？

Answer 2

看看这个： http: //paulirish.com/2009/bulletproof-font-face-implementation-syntax/。

虽然我没有在您的图片中看到笑脸，但我不怀疑可能是这种情况，但它是 Paul Irish 推荐的兼容 CSS @font-face 声明示例的一部分。

人们一直担心指定本地字体名称。主要原因是您将控制权让给了用户的机器，可能会显示本地安装的字体而不是您想要提供的字体。虽然加载速度会更快，但文件出错的可能性很小。

为了解决这个问题，我指定了一个本地字体名称“☺”。是的，这是一张笑脸。OpenType 规范表明任何两字节的 unicode 字符都不能在 Mac 上的字体名称中使用，这样就降低了有人实际发布具有这种名称的字体的可能性。如果您认为此字体的本地安装版本不符合您的最佳利益，则建议使用此技术。