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

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

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

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

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

字體

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

  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的表現。問題是你需要先知道原則,并且順從原則進行練習,只有在你熟悉原則之后才有可能打破原則顯現你的創造性,打破原則不意味著原則的缺陷和錯誤,只是你對這些原則的別出心裁的使用,你打破了一些,同時也對你所破壞的部分做一定的補償,似乎很有點哲學的味道。

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

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

  通常來說 san serif 字體適合作為標題使用,例如 Arial;serif 字體適合作為段落文字使用,例如Time New Roman。對于網頁設計來說,有幾個字體是強烈推薦的,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 是根據字體的 x-height 來定義字體的大小。

  對齊方式?

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

  行間距?

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

  字間距和字符間距?

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

相關閱讀
CSS或js實現行間交替背景色效果
Google的265導航站上頂部右邊的logo上的眼珠特效 (兼容IE,FF)
uni-app開發的微信小程序在線支付
防止網站內容被人小偷和采集的ASP代碼
uni-app三目運算class和style
漢字轉聲母
不凡商旅網
連云港市海州區培智學校
共有0條關于《關于字體在CSS中處理效果的思考》的評論
發表評論
正在加載評論......
返回頂部發表評論
呢 稱:
表 情:
內 容:
評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼: 驗證碼 
網友評論聲明,請自覺遵守互聯網相關政策法規。

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

更多信息>>欄目類別選擇
百度小程序開發
微信小程序開發
微信公眾號開發
uni-app
asp函數庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
jquery設置或獲取修改classname
利用css3.0寫出一個音樂播放的唱片碟盤的效果
利用css中的scale()實現放大縮小效果
利用background-color:#000000a8在背景顏色16進制代碼之后加字母加上數字讓背景色透明
css背景使用base64編碼或者將base64編碼放在img圖片標簽中
利用css3中的-webkit-font-smoothing把網頁文字的毛邊去掉
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現:無法載入您的Firefox配置文件 它可能已經丟失 或是無法訪問 問題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機抽取信息
深山旅行社網站管理系統 v1.8
利用JavaScript獲取現在時間日期與農歷
CSS編寫過程中常見的10個錯誤
酷在旅途
專注于自由行的旅游服務商建站解決方案
連云港紅發廊
主站蜘蛛池模板: 黄色三级网站在线观看 | av在线免费观看一区二区 | 中文字幕久久精品 | 国产精品久久99 | 先锋影音av中文字幕 | 国产欧美日韩 | 一区二区三区精品视频 | 一区二区三区在线播放 | 国产免费一区二区三区 | 女生高潮在线观看 | 91麻豆精品国产91久久久资源速度 | 亚洲视频播放 | 精品国产欧美 | 国产精品久久久久久久久久新婚 | 看av网址 | 亚洲精品国产电影 | 一区国产精品 | 久久丁香视频 | 在线欧美亚洲 | 日韩午夜 | 亚洲精品在线免费看 | 欧美日韩电影一区二区三区 | 中文字幕一区二区三区四区 | 91精品国产一区二区三区香蕉 | 欧美视频在线免费 | 色综合久 | 亚洲高清视频在线 | 国产成人综合在线观看 | 亚洲国产精品久久久 | 成年人黄色免费视频 | 久久精品日产第一区二区三区 | 丝袜+亚洲+另类+欧美+变态 | 欧美精品欧美精品系列 | 在线看一区 | 亚洲精品一级 | 亚洲人免费视频 | 91香蕉视频 | 日韩成人在线网站 | 99精品视频在线免费观看 | 亚洲欧美视频一区 | 欧美中文字幕一区二区三区亚洲 |