Modernizr 生成的内容(笑脸)

发布于 2024-11-11 16:42:14 字数 713 浏览 6 评论 0原文

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

在此处输入图像描述

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

Why is modernizer genrating a smily face ...

enter image description here

Its from the generated content div. I cant seem to replicate the effect on a fresh empty HTML file

UPDATE

I think the smily face comes from

enter image description here

@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:":)"}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

长安忆 2024-11-18 16:42:14

我认为这是一个错误。你应该归档像我们的错误跟踪器这样的东西,兄弟!

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

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

顺便说一句,你在 iPad 或其他设备上注意到这一点了吗?通常这样的事情只发生在慢速机器上......尽管这看起来像萤火虫......FF和操作系统版本是什么?

I think that's a bug. You should file stuff like that our bug tracker, bro!

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

but anyway we are fixing. :)

btw did you notice this on iPad or something? typically shit like this only happens on slow machines... though that looks like firebug.. what FF and OS version plz?

自由如风 2024-11-18 16:42:14

看看这个:http://paulirish.com/2009/bulletproof-font-面部实现语法/

虽然我没有在你的图片中看到笑脸,但我不怀疑情况可能如此,它是根据 Paul Irish 的建议兼容 CSS @font-face 声明示例的一部分。

人们一直担心指定
本地字体名称。主要原因
是你将控制权交给用户
机器,可能显示本地
安装的字体而不是您安装的字体
想要服务。虽然会加载
更快,机会很小
该文件可能是错误的。

为了解决这个问题,我已经
指定本地字体名称“☺”。
是的,这是一张笑脸。开放式
spec 表示任何两字节 unicode
字符在字体名称中不起作用
在 Mac 上,这样就减少了
某人实际上的可能性
发布了一个具有这样名称的字体。这
如果您认为,建议使用技术
本地安装的版本
字体不符合您的最佳利益。

Check this out: http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/.

While I did not see a smiley in your picture I do not doubt that may be the case, it is part of an example of a compatible CSS @font-face declaration per Paul Irish's recommendation.

There has been concern over specifying
local font names. The primary reason
is that you cede control to the user's
machine, potentially showing a locally
installed font instead of the one you
want to serve. While that will load
faster, there's a very small chance
the file could be wrong.

To account for this gotcha, I've
specified a local font name of '☺'.
Yes, it's a smiley face. The OpenType
spec indicates any two-byte unicode
characters won't work in a font name
on Mac at all, so that lessens the
likelihood that someone actually
released a font with such a name. This
technique is recommended if you think
a locally installed version of this
font is not in your best interest.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文