2011-06-03 55 views
0

爲什麼近代化genrating興高采烈一個臉......從生成內容的divModernizr的內容(面對興高采烈)

enter image description here

它。我似乎無法複製上一個新的空HTML特效文件

UPDATE

我覺得面對興高采烈來自

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

我不......看到你發佈的圖片中有任何笑臉? – 2011-06-03 02:39:21

+0

@Yi Jiang,看我更新的帖子 – 2011-06-03 04:43:47

+0

請發佈實際的代碼,而不是代碼的圖片。 – 2011-07-04 13:34:00

回答

0

檢查了這一點:http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/

儘管我沒有在圖片中看到笑臉,但我並不懷疑可能是這種情況,它是每個Paul Irish推薦的兼容CSS @ font-face聲明示例的一部分。

有關於指定 本地字體名稱的問題。 的主要原因是您將控制權交給了用戶的 機器,可能顯示的是本地 已安裝的字體,而不是您想要投放的字體。雖然這會加快 的速度,但有一個很小的機會 該文件可能是錯誤的。我爲 指定了一個本地字體名稱'☺'。 是的,這是一個笑臉。 OpenType 規範指示任何雙字節統一代碼 字符在Mac上根本不能以字體名稱 工作,因此減少了 發佈帶有這樣一個名稱的字體的可能性。如果您認爲 本地安裝版本的 字體不符合您的最佳利益,則建議使用此技術 。

+0

也許我的更新後的文章會給你更多的見解? – 2011-06-03 04:44:08

+0

我懷疑你的瀏覽器是否將unicode字符解釋爲ascii笑臉。也許這只是對Modernizer的一個笑話。看起來這可能是一個測試,看看瀏覽器是否支持CSS生成的內容,所以他們在添加笑臉後測試寬度。 – Tom 2011-06-04 21:07:01

1

我認爲這是一個錯誤。你應該像我們的錯誤跟蹤器,兄弟!

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

但無論如何,我們正在修復。 :)

btw你注意到這在iPad或什麼?通常這樣的狗屎只會發生在慢速機器上...雖然這看起來像螢火蟲..什麼FF和操作系統版本PLZ?

+0

我注意到了同樣的事情,在我的情況下,它發生在iPad上。它只是在頁面下載的時候纔出現,但它確實讓我覺得起初有些狡猾的事情發生!花了一點時間才意識到它是Modernizr,因爲它不會發生在我的桌面瀏覽器中。 – 2011-06-23 16:10:37