為什么80%的碼農(nóng)都做不了架構(gòu)師？>>> ??

---

<embed>標(biāo)簽

在做一個(gè)網(wǎng)頁(yè)的時(shí)候，一直都用chrome測(cè)試效果，后來(lái)用opera和IE10看了一下……

用html5的embed標(biāo)簽加了背景音樂(lè)

<embed?src="ChianoSky?-?Walking?Away.mp3"?hidden="true"?autostart="true"?loop="true"/>

chrome完美支持，IE限制了，允許也可以自動(dòng)播放

opera不支持，只能針對(duì)opera可視化標(biāo)簽讓用戶(hù)主動(dòng)播放

---

font-family

然后是設(shè)置了<a>的字體

a{font-family?:?fantasy,黑體;padding:?3rem;margin:?3rem;float:?right;color?:?#FF5809;font-size:?40pt;text-decoration:?none;}

〈在Chrome和Opera中……

〈在IE 1 0中……

看著IE我好醉

我、好、醉

查看了一下瀏覽器字體

上面是IE10的，opera和chrome的自定義字體界面簡(jiǎn)直雌雄難辨……

設(shè)置感覺(jué)差不多？IE就是簡(jiǎn)單了些，

把黑體換成SimHei，沒(méi)用，改成宋體，沒(méi)用，那這樣來(lái)說(shuō)應(yīng)該是編碼的問(wèn)題了。不過(guò)<meta>標(biāo)簽charset=utf8也聲明了，文件保存編碼應(yīng)該也沒(méi)錯(cuò)……………………………………………………然后隨便看了一個(gè)網(wǎng)頁(yè)的頭部，發(fā)現(xiàn)別人是charset=UTF-8 ?

改了果然好使了（- ?-|||）不過(guò)英文部分依舊不支持fantasy的樣子

---

sans-serif

在許多css中可以看到font-family中最后跟地有sans-serif【無(wú)襯線字體】

〈左：無(wú)襯線 ?右：serif有襯線

segmentfault中看到了一個(gè)很關(guān)于不同瀏覽器中顯示字體不同的解釋

????sans-serif與serif都屬于Generic-family，是屬于font-family的一類(lèi)值，

????它只有五種可能：serif、sans-serif、monospace、cursive、fantasy，用于表示一類(lèi)字體。由于它的優(yōu)先級(jí)高，覆蓋面廣，一般會(huì)寫(xiě)在最后，用作最終的Fallback的選擇。

????答案中還有一個(gè)關(guān)于字體很棒的slide

轉(zhuǎn)載于:https://my.oschina.net/sikou/blog/485394

總結(jié)

以上是生活随笔為你收集整理的[note]浏览器兼容性（embed标签、字体兼容相关的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。