Javascript 使生成的内容现代化（笑脸）

为什么现代主义者会有一张笑脸

它来自生成的content 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:":)"}

请查看以下内容：

虽然我没有在你的照片中看到笑脸，但我毫不怀疑这可能是事实，这是根据Paul Irish的建议，兼容CSS@font-face声明示例的一部分

人们一直担心具体化 本地字体名称。主要原因 是将控制权让给用户的 机器，可能在本地显示 已安装字体，而不是您选择的字体 我想要服务。而这将加载 速度越快，可能性就越小 文件可能是错的

为了解释这个问题，我已经 指定了一个本地字体名'☺'. 是的，这是一张笑脸。OpenType spec表示任意两字节的unicode 字符在字体名称中不起作用 在Mac上，这样可以减少 可能有人 发布了一个具有这样一个名称的字体。这 如果您认为 此文件的本地安装版本 字体不符合您的最佳利益

---

我认为这是一个错误。你应该把这些东西归档我们的bug追踪器，兄弟

但无论如何，我们正在修复。：）

---

顺便说一句，你在iPad上看到了吗？通常，这样的事情只会发生在速度较慢的机器上。。。虽然那看起来像萤火虫。。什么FF和OS版本plz？

我不知道。。。在你发布的图片中看到笑脸了吗？@Yi Jiang，看到的是我更新后发布的实际代码，而不是代码图像。我怀疑你的浏览器是否将unicode字符解释为ascii笑脸。也许这只是现代化者的一个玩笑。看起来这可能是一个测试，看看浏览器是否支持CSS生成的内容，所以他们在添加笑脸后测试宽度。我注意到了同样的事情，在我的例子中，它发生在iPad上。它只在页面下载时出现了一秒钟，但它确实让我觉得一开始发生了一些不正当的事情！我花了一点时间才意识到它是现代化的，因为它不会出现在我的桌面浏览器中。