為什么80%的碼農都做不了架構師？>>> ??

---

<embed>標簽

在做一個網頁的時候，一直都用chrome測試效果，后來用opera和IE10看了一下……

用html5的embed標簽加了背景音樂

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

chrome完美支持，IE限制了，允許也可以自動播放

opera不支持，只能針對opera可視化標簽讓用戶主動播放

---

font-family

然后是設置了<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的自定義字體界面簡直雌雄難辨……

設置感覺差不多？IE就是簡單了些，

把黑體換成SimHei，沒用，改成宋體，沒用，那這樣來說應該是編碼的問題了。不過<meta>標簽charset=utf8也聲明了，文件保存編碼應該也沒錯……………………………………………………然后隨便看了一個網頁的頭部，發現別人是charset=UTF-8 ?

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

---

sans-serif

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

〈左：無襯線 ?右：serif有襯線

segmentfault中看到了一個很關于不同瀏覽器中顯示字體不同的解釋

????sans-serif與serif都屬于Generic-family，是屬于font-family的一類值，

????它只有五種可能：serif、sans-serif、monospace、cursive、fantasy，用于表示一類字體。由于它的優先級高，覆蓋面廣，一般會寫在最后，用作最終的Fallback的選擇。

????答案中還有一個關于字體很棒的slide

轉載于:https://my.oschina.net/sikou/blog/485394

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。