99亚洲_成人性视频免费网站_av在线播放网址_免费成人在线网站_亚洲综合婷婷_亚洲一区二区国产

訂閱本欄目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

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

天極網(wǎng) 2007/12/23 19:34:42 深山行者 字體: 瀏覽 6703
字體的處理在網(wǎng)頁設計中無論怎么強調(diào)也不為過,畢竟網(wǎng)頁使用來傳遞信息的,而最經(jīng)典最直接的信息傳遞方式就是文字,所以,了解一點字體的基本知識對于設計來說還是非常重要的。

  中文和英文的最大區(qū)別就是中文是方塊字,英文是拼音文字,這對字體的處理的影響是巨大的。看看下面的圖示就會發(fā)現(xiàn),英文字體里的那些變化在中文字體里都弱化了。  

字體

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

  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個英文字母豐富的多,對于我們來說,我們接受了這個特點,但是設計時還是有一些問題需要考慮。設計原則本身就是為了打破原則,這也是所謂的creativity的表現(xiàn)。問題是你需要先知道原則,并且順從原則進行練習,只有在你熟悉原則之后才有可能打破原則顯現(xiàn)你的創(chuàng)造性,打破原則不意味著原則的缺陷和錯誤,只是你對這些原則的別出心裁的使用,你打破了一些,同時也對你所破壞的部分做一定的補償,似乎很有點哲學的味道。

  重要的幾個原則是(適用于英文的情形):

  字體的選用要考慮該文字的用途,是做標題呢,還是段落文字?

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

  字號的大小?

  論壇里很多討論,關于pixle 好還是point好?在這里我想提出的是字號的大小在CSS里,有很多不同的單位,大致上有三類:

以下是引用片段:
  絕對大小:mm, cm, in, pt, pc
  相對大小:em, ex
  相對于設備:px

  可能要多說幾句的是 em 和 ex,em 在 css 里代表就是字體字號的大小,例如對于12 pt的字體來說, 1 em 就等于12 pt 范例:

以下是引用片段:
p {
font-size: 10pt;
text-indent: 1em
}

  ex 和 em 類似,但不盡相同, 回到上面的圖示,x-height 對于每一種字體來說是不同的,ex 是根據(jù)字體的 x-height 來定義字體的大小。

  對齊方式?

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

  行間距?

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

  字間距和字符間距?

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

相關閱讀
asp采用access數(shù)據(jù)庫搜索信息時因為日文片假名問題提示“Microsoft JET Database Engine 錯誤80040e14”的解決方法
純div+css制作的彈出菜單-05
讓你的Pycharm和電腦pip install下載速度飛起來
一個利用radio單選選擇框進行變色的網(wǎng)頁效果
中南國際旅游公司
中國大宗資產(chǎn)交易網(wǎng)
div+css標準化在新窗口打開鏈接
ASP.Net利用CSS實現(xiàn)多界面的方法
共有0條關于《關于字體在CSS中處理效果的思考》的評論
發(fā)表評論
正在加載評論......
返回頂部發(fā)表評論
呢 稱:
表 情:
內(nèi) 容:
評論內(nèi)容:不能超過 1000 字,需審核,請自覺遵守互聯(lián)網(wǎng)相關政策法規(guī)。
驗證碼: 驗證碼 
網(wǎng)友評論聲明,請自覺遵守互聯(lián)網(wǎng)相關政策法規(guī)。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發(fā)布內(nèi)容擁有處置權。

更多信息>>欄目類別選擇
百度小程序開發(fā)
微信小程序開發(fā)
微信公眾號開發(fā)
uni-app
asp函數(shù)庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
jquery設置或獲取修改classname
利用css3.0寫出一個音樂播放的唱片碟盤的效果
利用css中的scale()實現(xiàn)放大縮小效果
利用background-color:#000000a8在背景顏色16進制代碼之后加字母加上數(shù)字讓背景色透明
css背景使用base64編碼或者將base64編碼放在img圖片標簽中
利用css3中的-webkit-font-smoothing把網(wǎng)頁文字的毛邊去掉
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現(xiàn):無法載入您的Firefox配置文件 它可能已經(jīng)丟失 或是無法訪問 問題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機抽取信息
CSS設計網(wǎng)頁頭部的優(yōu)化寫法
北京神舟國際旅行社集團有限公司
XHTML+CSS兼容性解決方案小集
網(wǎng)站建設:ASP網(wǎng)站防范黑客技巧
12個定律原則
旅行社網(wǎng)站管理系統(tǒng)免費版 V2.4
主站蜘蛛池模板: 日韩精品视频免费在线观看 | 看真人视频a级毛片 | 精品国产乱码久久久久久丨区2区 | 中文字幕日韩视频 | 成人在线小视频 | 秋霞午夜 | 亚洲在线 | 美女爽到呻吟久久久久 | 国产一区二区三区四区 | 亚洲视频一区在线 | 日韩有码一区二区三区 | 久久久www成人免费精品 | 色视频www在线播放国产人成 | 欧美成人高清视频 | 午夜精品久久久久久久男人的天堂 | 日韩欧美精品一区二区三区 | 视频一区中文字幕 | 亚洲精选一区 | 看污片网站 | 欧美一级片 | 亚洲综合自拍 | 国产成人精品免费 | 欧美日韩成人一区二区 | 国内精品一区二区三区 | 久久综合一区二区三区 | 久久久久久久国产毛片 | 久久亚洲综合 | 亚洲精品区| 一卡二卡久久 | 欧美伊人| 亚洲精品国偷拍自产在线观看 | 亚洲视频一区二区三区 | 在线播放黄 | 精久久久| 黑人巨大精品欧美一区免费视频 | 国产区在线观看 | 来个毛片 | 日本视频在线 | 涩涩综合 | 欧美国产一区二区三区 | 日本黄色网址大全 |