首頁  >  文章  >  後端開發  >  Mac和Windows造訪網頁時整個網頁都顯示微軟雅黑​​字體 做到這個css檔案要怎麼寫?

Mac和Windows造訪網頁時整個網頁都顯示微軟雅黑​​字體 做到這個css檔案要怎麼寫?

WBOY
WBOY原創
2016-08-04 09:19:361682瀏覽

mac和Windows訪問網頁時整個網頁都顯示微軟雅黑​​字體 做到這個css檔案要怎麼寫?

原來我是這麼寫的:

<code>body {
    font-family: "Microsoft YaHei";
}</code>

但是用mac訪問的時候 網頁卻沒有顯示微軟雅黑​​字體,可能是mac沒有內建微軟雅黑字體。
如果我想讓mac使用者造訪網頁的時候也能顯示微軟雅黑​​字體。
這個css檔要怎麼寫。

我有個想法但不知道該怎麼寫,如果Windows訪問直接用上面的程式碼;mac用戶存取呼叫一個微軟雅黑字體檔案的連結。求大神幫忙寫! !感激不盡! !

回覆內容:

mac和Windows訪問網頁時整個網頁都顯示微軟雅黑​​字體 做到這個css檔案要怎麼寫?

原來我是這麼寫的:

<code>body {
    font-family: "Microsoft YaHei";
}</code>

但是用mac訪問的時候 網頁卻沒有顯示微軟雅黑​​字體,可能是mac沒有內建微軟雅黑字體。
如果我想讓mac使用者造訪網頁的時候也能顯示微軟雅黑​​字體。
這個css檔要怎麼寫。

我有個想法但不知道該怎麼寫,如果Windows訪問直接用上面的程式碼;mac用戶訪問調用一個微軟雅黑字體檔案的連結。求大神幫忙寫! !感激不盡! !

1.使用CSS遠端字體,可以使用伺服器上的字體,也可以使用cdn提供的網頁字體。
2.多數文字使用蘋果上的相似字體,又特別要求的部分用圖片代替。

註1: 淘寶就是使用了遠端字體以確保他後台編輯器上面的字體跨平台可用。如果題主選擇這個方法,最好使用cdn方式,那樣載入速度更快。

註2: 雅黑在蘋果上的表現並不好,普通文本,尤其是大段大段的內容,真不如蘋果自己提供的麗黑,蘋黑等非襯線字體,反正大段文字主要看行間距。二來,對排版有要求的部分,不論你用什麼字體,在瀏覽器的渲染下都不會達到美觀的效果,尤其是雅黑的小字號和粗體字都怪怪的。

使用@font-face呼叫網頁字體
https://www.qianduan.net/css3...

如果你是中文網站,最好建議別搞字庫,一個中文字庫,得多大,開個網頁還得加載中文字庫,這就是自虐行為,如果是英文站,可以考慮加載自己的字庫@font-face ,

蘋果的字體已經挺好的了,你可以就蘋果的選擇一個預設字體(你喜歡的),win下的用雅黑,然後字體可以並列寫上去,最適合系統的字體才是好效果啊,強行mac下微軟雅黑,不好看

另外,微軟下的字體有版權的,不太好引入web在線字體的,非WIN系統下你用微軟雅黑可能有版權問題的,別以為這是不可能的,我遇到過因為在圖片上使用微軟雅黑被微軟警告的

3樓正解,千萬不要用@font-face的方式呼叫非公開的字庫。
國內普遍版權意識較差,但是網站可不分地域,被抓到了得不償失。
很多字庫都能在網路上找到,自己用用沒問題,但是商用一定要考慮版權問題,所以盡量使用cdn上的開源字體是比較好的方案。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn