網頁字型設定你了解嗎?

2022-08-20 18:18:08 字數 2161 閱讀 6768

以前做專案的時候就依葫蘆畫瓢的設定 等類似的字型,然而當更多的裝置和系統出現後,以前這樣的設定已不能滿足網頁在各裝置上的顯示需求。

出處:因此,出於種種原因,促使我不得不去對字型做乙個相應的了解。

移動端專案:

font-family:tahoma,arial,roboto,」droid sans」,」helvetica neue」,」droid sans fallback」,」heiti sc」,sans-self;

pc端(含mac)專案:

font-family:tahoma,arial,」helvetica neue「,」hiragino sans gb」,simsun,sans-self;

移動和pc端專案:

font-family:tahoma,arial,roboto,」droid sans」,」helvetica neue」,」droid sans fallback」,」heiti sc」,」hiragino sans gb」,simsun,sans-self;

首先說說字型的種類,字型分為五大種類,然而各裝置的支援情況也個不相同,如,

各移動裝置系統支援情況:

五大類字型

安卓4.0

ios6.0

wp8sans-serif(無襯線)

支援支援

支援serif(襯線)

支援支援

支援monospace(等寬)

支援支援

支援fantasy(夢幻)

不支援支援

不支援cuisive(草體)

不支援不支援

不支援當然目前這只是移動裝置各系統的支援情況,然而pc端個瀏覽器的支援情況也各不相同,如:

五大類字型

ie系列

chrome

firefox

sans-serif(無襯線)

支援不支援

不支援serif(襯線)

支援支援

支援monospace(等寬)

支援支援

支援fantasy(夢幻)

支援支援

支援cuisive(草體)

不支援不支援

不支援下面介紹下個系統的預設字型和常用字型:

系統預設西文字型

預設中文字型

其他常用西文字型

其他常用中文字型

windows

宋體宋體

tahoma、arial、verdana、georgia

微軟雅黑、黑體

android 4.0以下

droid sans

droid sans fallback

arial

無宋體、無微軟雅黑

android 4.0及以上

roboto

roboto

arial

無宋體、無微軟雅黑

ioshelvetica neue

heiti sc (黑體)

tahoma(v7.0)、arial、verdana、georgia

stheiti(v7.0)、無宋體、無微軟雅黑

mac os x 10.6以下

helvetica neue

stheiti (華文黑體)

tahoma、arial、verdana、georgia

宋體、無微軟雅黑

mac os x 10.6及以上

helvetica neue

hiragino sans gb  (冬青黑體簡體中文)

tahoma、arial、verdana、georgia

宋體、無微軟雅黑

有很多同學看到上面這些**裡面的結論,可能就會想到:可以只設定西文字型不設定中文字型。

只設定西文字型不設定中文字型是否可以?答案當然是不可以。因為上面這些系統和瀏覽器的預設字型也僅僅是是乙個理想狀態下的設定,這些預設字型僅

限於瀏覽器或系統最初的預設字型。現在的手機都支援字型更換,對於瀏覽器而已也是如此,現在的瀏覽器都支援使用者自己設定字型。因此,只設定西文字型而忽略

中文字型設定是存在一定的危險性的。

如果使用者將預設的系統字替換掉,那我們就只能用其他的中文字型來代替現實,然而就目前而言,移動端的中文字型非常少(幾乎是唯一性),因此,本人還沒有找到相應的解決辦法,後期找到方法再分享出來。

你了解postMessage嗎?

前言 通常,對於兩個不同頁面的指令碼,只有當執行它們的頁面位於同源 同協議 同主機 同埠 情況下,這兩個指令碼才能相互通訊。window.postmessage 方法可以安全地實現跨域通訊 前提 正確使用 使用 語法 otherwindow.postmessage message,targeorig...

網頁字型該如何設定?

我們在網頁製作過程中肯定會想乙個問題,那就是網頁自己設定的問題,到底該設定什麼字型?網頁字型多大合適?下面就給出網頁自己設定的一些相關注意事項。我們在網頁製作過程中肯定會想乙個問題,那就是網頁自己設定的問題,到底該設定什麼字型?網頁字型多大合適?下面就給出網頁程式設計客棧自己設定的一些相關注意事項。...

普通感冒你了解嗎

又到了忽冷忽熱愛感冒的季節。感冒對於每乙個人來說都不陌生,確實這是一種常見的不能再常見的疾病了。不過如果你花上時間好好算算,在人的一生中,可能加起來會有5年的時間都在忍受鼻塞 咳嗽 頭疼 咽痛等感冒所帶來的症狀困擾,可能還有將近1年的時間因為感冒臥病在床。感冒英文中常用 cold 一詞,可是感冒和寒...