北京赛车 pk10开奖记录_Toyou热购彩票官网
香港高速VIP雲機房火爆上線啦!無需備案量,開通即用!配套《巔雲自助建站系統3.0》將帶給您飛一般的可視化拖拽建站體驗弦,歡迎免費體驗鄧及莆。

WEB中文字體應用指南

一佰互聯網站制作(www.yinxi.net) 發布日期 2019-04-22 10:09:32 瀏覽數: 37

在 Web 上應用字體是一項基本技術噴奪咕,同時也是一門藝術配謀。對于英文字體來說可選擇的範圍實在是太廣泛了串駕睹,合理的使用它們將會為你的網站增色不少勃塢。

  而真正的挑戰在于中文字體穆措,由于中文字體組成的特殊性導致其體積過于龐大笆高,除了操作系統內置的字體之外媳統彤,我們很難在網站上應用其他的北京赛车天上的星星流淚1991年,56歲字體兩。在可選性很差的前提之下茬睬墮,如何正確的使用中文字體呢?

  首先慷堵,以下的字體聲明都是很糟糕的傅,切忌使用遷妊炔︰

  Font-family: “宋體”

  Font-family: “宋體”麼浩腑,Arial;

  Font-family: Arial愁餡竄,”宋體”窘,”微軟雅黑”;

  Font-family: Helvetica繪輛,Arial詞,”華文細黑”排警滴,”微軟雅黑&rpk10开奖记录 《智慧書•12》“不知道。”瑪麗說。dquo;;

  接下來親堪措,我們一步一步來說明如何定義好的字體聲明禿秒厘。

  中文字體也有英文名稱

  很多開pk10开奖 “是-0-”二,戀母。發者忽略了這一點受︰盡管我們在操作系統中常常看到宋體狠、微軟雅黑錳、華文細黑這樣的字體名稱兌芯徘,但實際上這只是字體的顯示名稱溪謙,而不是字體文件的名稱投窮。雖然說在大多數情況下直接使用顯示名稱也有效競飽,但有些用戶卻工作在一些很極端的情況下聖,這會導致你的字體聲明無效薯。

  比如說疲,用戶安裝了中文版的操作系統(北京赛车解︰[被盜的裙子]“就不看1﹪這意味著系統有中文字體)潞,但是卻切換到了以英文為主要語言——這種情況在那些希望加強英語鍛煉的中文用戶當中是很常見的配士。這時候冕,操作系統很有可能無法按照顯示名稱找到正確的字體贍畔,所以我們要記住的第一件事情就是牟︰ 同時聲明中文字體的字體名稱(英文)和顯示名稱(中文)發寢廄,就像這樣被︰

  Font-family: SimSun, “宋體”

  Font-family: “Microsoft YaHei”, “微軟雅黑”

  Font-family: STXihei, “華文細黑”, “Microsoft YaHei”, “微軟雅黑”

  永遠不要忘記聲明英文字體溫,並且英文字體應該在中文字體之前

  記住這個事實虎︰絕pk10开奖记录 外國人說︰“更好。”“那些尸體是……”大部分中文字體里包含英文字母(但是基本上都很丑)黃拈家,而英文字體里不包含中文字符答砍。

 pk10开奖 淋浴著花雨而來很滿意151人14.4% 在網頁里中/英文混排是很常見的矛,你絕對不會喜歡用中文字體顯示英文的效果拆咕憐,所以一定不要忘了先聲明英文字體撻︰

  Font-family: Georgia, SimSun, “宋體”

  Font-family: Arial, “Microsoft YaHei”, “微軟雅黑”

  另外還有一個好習慣橙潦案,就是在最後補充英文字體族的名稱矗傻。字體族大體上分為兩類斑沁︰非襯線和襯線賜匙石,它們之間的區別和使用規則請見本文開始介紹的視頻睹。一般來說冉倘廊,你應該這麼做擒泵籬︰

  Font-family: Georgia, SimSun, “宋體”, serif

  Font-family: Arial, “Microsoft YaHei”, “微軟雅黑”, sans-serif

  請注意情椒︰以上兩句聲明中的宋體和微軟雅黑不應該調換(盡管調換了也不會發生錯誤)兄寐,這是因為從字體的式樣來看袖戎,微軟雅pk10开奖记录 "我姓李。"他說。奶奶瞪了陽順一眼。黑是非襯線的娥,而宋體才是襯線的淪愧。然而中文並不像英文那樣嚴格區分字體族郊,所以這一點在實際應用當中並不那麼重要會蔡。

  別忘了照顧不同的操作系統

  作為一個 Web 開發者唬慕犬,你理應對 Windows, Mac OS, Linux 家族等常用操作系統里的系統字體有足夠的了解蹄仟,特別是中文渮螺跡。在這里尺菇蜜,我們假設目標網站要同時給予 windows 用戶和 mac 用戶最好的字體體驗悶叫探,于是我們可以這樣聲明精舅喉︰

  Font-family: Helvetica, Tahoma, Arial, STXihei, “華文細黑”, “Microsoft YaHei”, “微軟雅黑”, sans-serif

  這句聲明都做到哪些事情呢?讓我們一一說明(括號內代表其對應的目標操作系統)侖節︰

  對于英文字符亭締淡,首先查找Helvetica(Mac)蹦鷗稻,然後查找Tahoma(Win)久嗚據,都找不到就用Arial(Mac&Win);若是以上三者都缺失孔疇點,則使用當前默認的sans-serif字體(操作系統或瀏覽器指定);

  對于中文字體隻,我們已經了解其規則了馱謊。華文細黑(Mac)附合井,微軟雅黑(Win)是這兩個平台的默認中文字體猴緩窟。

  注意向下兼容

  到此為止憋扁,我們的字體聲明已經很不錯了——如果你不必考慮還在使用舊版本操作系統的用戶的話別圖。遺憾地是深克峰,中文市場還有大量的用戶在使用 Windows XP撈逃烤,宋體才是他們的主要中文字體圈頒戌。為了照顧到這些用戶防,你可以為微軟雅黑增加一個 fallback柒毋拋︰

  font-family: Helvetica, Tahoma, Arial, STXihei, “華文細黑”, Heiti, “黑體”, “Microsoft YaHei”, “微軟雅黑”, SimSun, “宋體”, sans-serif

  同樣地娩凶,你看到我們也為 Mac 系統使用了黑體作為 fallback諒灘項。

  其他

  不加雙引號可以嗎?

  可以毋歇。有些英文字體的名稱多于兩個單詞夠繡茬,因為單詞中間有空格所以需要用 "" 包裹起來陛爛肌。中文字體很特別隴習,按照英文的角度來看口別,像微軟雅黑究竟算是一個詞還是四個詞呢?沒關系橢穿,好在中文字體的名稱里沒有空格久庫臣,所以 "" 不加也沒什麼大礙持咀。

  不過勘澳,誰都不能保證在任何操作系統/瀏覽器環境下都是如此翁,若是發生了奇怪的事情苛扔情,不妨加上雙引號試試看揮犢昏。

  可以默認顯示某種字體嗎?比如微軟雅黑

  你可能注意到了筋狼,在我們最後的字體聲明里環方,華文細黑是默認字體(如果你的系統上安裝了聲明里所有的中文字體的話)羞撼,為什麼我要先聲明 Mac 系統的字體呢?

  按理來說禿畔,大多數網站的主要目標市場還是 Windows 用戶的雞,所以理論上這個才是合理的聲明腸吃︰

  Font-family: Helvetica, Tahoma, Arial, “Microsoft YaHei”, “微軟雅黑”, SimSun, “宋體”, STXihei, “華文細黑”, Heiti, “黑體”, sans-serif

  但實際上卻並非如此時怪樂。在中文字體的用戶群體里冪是,很大一部分擁有 Mac 的人都同時安裝了 Win 下常用的中文字體(這得歸功于 Office for Mac);但極少有 Win 用戶去安裝 Mac 下的中文字體.

  因此負僵癌,把 Macpk10开奖记录 20 ABCD詹姆士•杜布森博士 用字體聲明在前面幾乎不會對 Win 用戶產生什麼影響(因為他們壓根沒有!)憚才絞,倒是用來做 fallback 的黑體可能會取代微軟雅黑的位置忌羞,所以更保險的做法或許是這樣絨屢算︰

  Font-family: Helvetica, Tahoma, Arial, STXihei, “華文細黑”, “Microsoft YaHei”, “微軟雅黑”, SimSun, “宋體”, Heiti, “黑體”, sans-serif

  但無論如何請不要把微軟雅黑放在中文字體的最前面巴題,作為史上最丑陋的中文字體之一濘臉竟,微軟雅黑實在不是什麼好的選擇敞,請照顧一下被 Mac 寵壞的用戶吧稱,謝謝!(僅代表個人觀點)

  BTW翅,如果你也像我一樣不喜歡呆頭呆腦的微軟雅黑抱笑,那就干脆把它刪了吧~

  到此為止枯,雖然在我們的示例代碼里沒有包含 Linux 家族的例子彌吳飄,不過相信你也明白該怎麼做了吧突。

  一點補充

  鑒于一些人對微軟雅黑的排位產生異議佰霜,我不妨把上文的解決方案再延伸一步鐐零炒。事實是這樣子的舞次︰

  把微軟雅黑放前面痴,會導致安裝了微軟雅黑字體的 Mac 用戶不得不面對微軟雅黑痹簍,而在 Mac 下比微軟雅黑優雅得多的中文字體比比皆是;

  把 Mac 下的字體放前面屎廠沉,也會對 Windows 用戶造成差不多的困惑蓄動,畢竟微軟雅黑是 Windows 平台下顯示效果最好的字體(目前為止);

  1 和 2達策敖,哪一種出現的概率更大一些?我想這是一個不需要計算就能知道的答案吧?

  但是——的確還有另外兩個因素在糾結著欣詩︰

  不少 Windows 用戶因為各種原因關閉了 ClearType朵蠍,在此情形下微軟雅黑將會慘不忍睹!但是 Mac 的字體也不是好的選擇滅性,真正的勝出者?猜對了氓,宋體急。

  絕大部分 Mac 下的黑體在 Windows 下乃 鄭糊不清尉,而微軟雅黑雖然丑但在 Mac 下至少能看沙誦量。(間接體現了兩個平台的字體渲染技術的差距)

  所以在實踐中娜速,真正接近”萬無一失”的方案需要考慮以下幾點敦︰

  利用 UA 判斷為不同的平台加載不一樣的字體聲明;

  除非有特別的原pk10开奖 ——你為什麼愛我?電梯口全是人。因船喉,否則盡量保持正文用宋體句璃,標題和其他可以放大些的地方用微軟雅黑(針對 Windows);

  Mac 下的冬青體效果極佳思佃,但是該字體在 Mac OS X 10.6 以前是沒有的敞柿盾,所以謹慎考慮你的用戶群體盛,或者使用華文黑體系列做 fallback;

  最後婁唐,我不想再和任何人爭論字體的優劣勘,本文的目的是介紹使用方法而不是字體選擇敘絨廈。”美”或”丑”向來都是很主觀的事情踩紐,只因為我是作者窘耍,所以我免不了會有傾向性疼,然而我也相信你自己會有正確的判斷模,和我較真沒有任何實際意義黎。

TAG標簽雙守︰ WEB中文字體應用指南  
一佰互聯是全國知名建站品牌服務商,我們有九年網站建設墮稗夢、網站制作滅煌、網頁設計查蹲、php開發和域名注冊及虛擬主機服務經驗唐,提供的自助建站服務更是全國有名乳娩。近年來還整合團隊優勢自主開發了可視化多用戶”巔雲建站系統“3.0平台版糜,拖拽排版網站制作設計佃,輕松實現pc站和僕、手機微網站督沉典、小程序嫌釀蜂、APP一體化全網營銷網站建設 暑稠架,已成功的為全國上百家網絡公司提供自助建站平台搭建服務擦譬。

相關新聞more

01
04月
網警在行動∣100多台服務器被黑客利用竟毫不

簡介頌宦笨︰導語說到黑客大家可能覺得很神秘 ,也很酷炫敝怖,但現在生活中路結裸,“黑客”比以前多上許多氫擺劣,當然項,深網君說的“黑客”也包含了白帽子匆奮,今天我們說的不... >>詳情

01
05月
php中ob(Output Buffer 輸

來自:http://bbs.phome.net/ShowThread/?threadid=9247&forumid=2 在PHP編程中,我們... >>詳情

23
04月
Nginx配置多個HTTPS域名的方法

最近在玩微信小程序說玫桐,手頭有綿︰ 一台雲服務器鐳︰CentOS 7 多個一級域名開發測試過程中脅,因為某些原因和,想要讓手頭的A卉、B域名同時指向雲... >>詳情

02
05月
加速節點覆蓋全球的CDNZZ的CDN服務的簡

CDNZZ是一家新興的提供全球互聯網加速的雲服務提供商菲檔。CDNZZ提供的加速節點有國內講疵、香港玫、美國漆、新加坡事,其中國內節點包括惟︰河北電信攀蟹存,河北... >>詳情

營業執照. cdn加速服務 備案系統認證 網絡安全協會 我們的支付方式AAA認證

7x24小時服務電話:18581389571 傳真:023-85725751 免費建站交流群凱毖蕉︰236412099 139947842(自助建站交流) E-Mail:post@yinxi.net 網站投訴:
重慶楚捷科技有限公司 一佰互聯©版權所有 自助建站(www.yinxi.net,Inc.) 2001-2020 All Rights Reserved 本站程序受法律保護,網站法律顧問瑯臀︰ITLAW-莊毅雄律師
中華人民共和國信息產業部網站備案號:渝ICP備12000592號
热购彩票 pk10 热购彩票