亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > CSS > 正文

在CSS中關于字體處理效果的思考

2020-03-24 16:34:22
字體:
來源:轉載
供稿:網友
字體的處理在網頁設計中無論怎么強調也不為過,畢竟網頁使用來傳遞信息的,而最經典最直接的信息傳遞方式就是文字,所以,了解一點字體的基本知識對于設計來說還是非常重要的。
中文和英文的最大區別就是中文是方塊字,英文是拼音文字,這對字體的處理的影響是巨大的??纯聪旅娴膱D示就會發現,英文字體里的那些變化在中文字體里都弱化了。


作為中文的讀者,習慣性的接受方塊形狀做為閱讀的單元,其實對于眼睛來說,這是一種容易疲勞的方式,閱讀的時候你的視線實際上是跟隨整行文字的外形。看看這個例子。

NOW I''VE TRIED TO TALK TO YOU AND MAKE YOU UNDERSTAND Now I''ve tried to talk to you and make you understand
哪一行更容易讀呢?
第一行和中文的情形有些類似,不同的是,每個中文單字就好比一幅畫,其變化要比26個英文字母豐富的多,對于我們來說,我們接受了這個特點,但是設計時還是有一些問題需要考慮,我不是設計師,如果說的不對,請在下面留言討論。這些內容在我教授Typography的時候是作為一般原則來提出的。我也告訴學生一句話:“The purpose of rule is to break the rule.” 設計原則本身就是為了打破原則,這也是所謂的creativity的表現。問題是你需要先知道原則,并且順從原則進行練習,只有在你熟悉原則之后才有可能打破原則顯現你的創造性,打破原則不意味著原則的缺陷和錯誤,只是你對這些原則的別出心裁的使用,你打破了一些,同時也對你所破壞的部分做一定的補償,似乎很有點哲學的味道。

我個人以為比較重要的幾個原則是(適用于英文的情形):

字體的選用要考慮該文字的用途,是做標題呢,還是段落文字?
通常來說 san serif 字體適合作為標題使用,例如 Arial;serif 字體適合作為段落文字使用,例如Time New Roman。對于網頁設計來說,有幾個字體是我強烈推薦的,verdana, tahoma, georgia。事實上,像 Verdana 這個字體是由世界上頂級的字體設計師花了差不多兩年時間設計出來的,Microsoft負責買單, 然后免費提供給用戶,這個字體是IE安裝的一部分,如果你安裝了IE 4以上的版本,你的電腦里就一定有這個字體,所以你不必擔心用戶是否有這個字體。它的設計考慮了字體在屏幕上顯示的可能面對的問題,而且提供了近乎完美的答案。唯一的麻煩是它的近乎完美造成了我們使用的時候沒有了個性,因為每個人都使用它。

字號的大???
論壇里很多討論,關于pixle 好還是point好? 我就不重復了,在這里我想提出的是字號的大小在CSS里,有很多不同的單位,大致上有三類:
絕對大?。簃m, cm, in, pt, pc
相對大小:em, ex
相對于設備:px
可能要多說幾句的是 em 和 ex,em 在 css 里代表就是字體字號的大小,例如對于12 pt的字體來說, 1 em 就等于12 pt 范例:

text-indent: 1em }
也許你會說我可以用text-indent: 10pt來實現同樣的效果啊,但那只是在理想的情形下,如果用戶覺得他的瀏覽器設置字體大小為14pt更好的時候,你所設計的比例就失去了,所以相對尺寸對于網頁的可伸縮性設計是非常有利的。
ex 和 em 類似,但不盡相同, 回到上面的圖示,x-height 對于每一種字體來說是不同的,ex 是根據字體的 x-height 來定義字體的大小。

對齊方式?
最好使用左對齊,尤其要避免使用左右對齊,除非你有一個特殊的設計目的,左對齊時右側的不對齊正是為了閱讀的方便,右側的變化對你的視力是一個幫助,它借助變化告訴你的眼睛可以換行了。

行間距?
行間距取決于字體的大小,一般來說,小的字號需要大一點的行間距來便于閱讀,中文字體在網頁上如果沒有行間距的設定,對于閱讀大段文字來說是讀者的災難,所以適當設定line-height是非常必要的。一般地, line-height 在網頁設計中應該是字體大小的1.5倍到2倍。Word 和其它的文本編輯軟件里, 一般設定字體的120%作為缺省的行間距。css里的 line- height 設定,是均分后加在每一行的上下,也就是說,如果 line-height 設定為 20px 的話,那么每一行文字的上下各有10px的間距。

字間距和字符間距?
很特殊的用途,對中文來說這兩者應該是相同的。這個設定的本身就是為了解決某些字體設計上缺陷,來增加文字的可讀性。 本文作者:html教程

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
久久免费精品日本久久中文字幕| 538国产精品一区二区免费视频| 成人精品福利视频| 亚洲国产一区二区三区在线观看| 国产精品劲爆视频| 国产精品av电影| 久久免费视频网站| 庆余年2免费日韩剧观看大牛| 国产不卡一区二区在线播放| 国模叶桐国产精品一区| 色偷偷888欧美精品久久久| 欧美视频在线观看免费| 国产精品丝袜白浆摸在线| 91精品国产综合久久香蕉的用户体验| 日日摸夜夜添一区| 国产裸体写真av一区二区| 欧美在线观看日本一区| 欧美一级淫片aaaaaaa视频| 欧美巨大黑人极品精男| 粉嫩av一区二区三区免费野| 在线精品视频视频中文字幕| 国产精品网址在线| 国产精品久久久久久久9999| 日韩av综合中文字幕| 亚洲欧美另类人妖| 日韩欧美国产黄色| 4p变态网欧美系列| 国产精品18久久久久久首页狼| 国产精品视频最多的网站| 亚洲成人精品久久| 精品电影在线观看| 一本色道久久88综合日韩精品| 国产精品久久久久久久久久东京| 国产在线精品成人一区二区三区| 国产精品444| 久久久这里只有精品视频| 国产精品久在线观看| 最近2019中文字幕大全第二页| 国产精品99久久久久久久久| 日韩美女写真福利在线观看| 亚洲男人天堂视频| 上原亚衣av一区二区三区| 91av成人在线| 欧美大胆在线视频| 富二代精品短视频| 日韩成人小视频| 国产亚洲欧美视频| 久久久免费高清电视剧观看| 精品国偷自产在线视频| 97久久精品人搡人人玩| 欧美国产日韩一区二区三区| 亚洲综合大片69999| 欧美高清视频在线播放| 26uuu国产精品视频| 精品国产乱码久久久久久天美| 国产午夜精品久久久| 国产精品白丝jk喷水视频一区| 中文字幕精品在线视频| 中文字幕精品一区二区精品| 精品欧美aⅴ在线网站| 狠狠色香婷婷久久亚洲精品| 日本sm极度另类视频| 色婷婷综合久久久久中文字幕1| 91精品久久久久久| 国产精品欧美亚洲777777| 97欧美精品一区二区三区| 久久精品青青大伊人av| 欧美午夜精品久久久久久人妖| 日韩欧美成人免费视频| 亚洲一区二区三区四区在线播放| 成人444kkkk在线观看| 日韩欧亚中文在线| 91av视频在线观看| 久久噜噜噜精品国产亚洲综合| 国产精品欧美风情| 一本大道香蕉久在线播放29| 色综合老司机第九色激情| 久久久中文字幕| 精品日韩视频在线观看| 日韩av在线播放资源| 欧美极品少妇xxxxⅹ裸体艺术| 日韩av色综合| 久久精品欧美视频| 欧美性猛交xxxx乱大交蜜桃| 精品久久久久久久大神国产| 亚洲色图五月天| 欧美性受xxxx白人性爽| 91精品国产综合久久男男| 日韩成人网免费视频| 韩国精品久久久999| 亚洲欧美日韩国产中文专区| 久久免费在线观看| 8x海外华人永久免费日韩内陆视频| 欧美日韩国产成人高清视频| 久久久国产视频| 成人国产精品一区二区| 亚洲一区二区中文字幕| 91精品国产91久久久久久最新| zzijzzij亚洲日本成熟少妇| 日韩在线一区二区三区免费视频| 在线国产精品播放| 日韩av网址在线观看| 国产激情久久久| 国产成人精品免高潮费视频| 91在线色戒在线| 日韩精品免费看| 国产精品美乳一区二区免费| 中文字幕亚洲综合| 97国产在线视频| 国产精品va在线| 国内外成人免费激情在线视频网站| 欧美高清视频在线| 色偷偷噜噜噜亚洲男人的天堂| 国产日韩av在线播放| 97国产一区二区精品久久呦| 欧美肥臀大乳一区二区免费视频| 国产精品揄拍500视频| 国语自产偷拍精品视频偷| 中文字幕亚洲激情| 久久综合久久美利坚合众国| 国产日韩欧美91| 亚洲精品按摩视频| 欧美在线视频免费播放| 91成人在线视频| 国产精品99蜜臀久久不卡二区| 欧美第一页在线| 欧洲成人免费aa| 伊人久久久久久久久久久久久| 久久久国产一区二区三区| 精品久久久久久电影| 久久99青青精品免费观看| 这里只有精品视频| 国产精品com| 91久久精品一区| 日本久久久久久久久久久| 国产精品视频999| 日本久久精品视频| 国产精品劲爆视频| 色偷偷888欧美精品久久久| 中文欧美日本在线资源| 精品无人区乱码1区2区3区在线| 久久国产加勒比精品无码| 九九热在线精品视频| 97在线观看免费高清| 国产一区二区在线免费视频| 久久精品国产免费观看| 国产精品久久久久久久午夜| 久久综合免费视频影院| 亚洲精品国产精品乱码不99按摩| 国产精品夫妻激情| 国产精品久久久久久久久久久新郎| 国产精品视频在线观看| 亲爱的老师9免费观看全集电视剧| 久久这里有精品| 中文字幕最新精品| 欧美最顶级丰满的aⅴ艳星| 最近2019年中文视频免费在线观看| 久久天天躁夜夜躁狠狠躁2022| 亚洲一区二区三区视频| 国产精品大陆在线观看| 精品中文字幕乱| 欧美国产欧美亚洲国产日韩mv天天看完整| 丝袜情趣国产精品| 国产精品美腿一区在线看|