<< ．輪派繪師團 | 回blog首頁 | ．又是again >>

2008年01月25日

．修改字距、行距

在螢幕上的閱讀一直令我感到不舒適，不論介面如何修正
目前，對我來講還沒有一種可以取代書籍的方式產生
還是習慣隨性的找個地方坐下，拿著書摸著紙的觸感閱讀

所以既然我只能忍受字體最大到12px
那為了取得閱讀舒適與美感的小小平衡
我們可從「字距」、「行距」下手
在CSS中定義這二種屬性方式如下：

  • 字距：letter-spacing: 0.1em
  • 行距：line-height: 120%
使用前後

數值請隨自己喜好調整，使用方法一樣很簡單：

  • 找到內文的標籤插入即可「個別定義」
    • （ex：.main、.side...）
  • 或省點事，一次定義「整個版面」
    • （ex：.content、body...）
附註：em：指當前字體中大寫字母M的寬度，會隨字體不同而有所變化。


Posted by singleisland at 樂多Roodo! │18:49 │回應(0) │引用(0) │．CSS
樂多分類：藝術/設計 工具：編輯本文
Ads by Roodo! 

引用URL

http://cgi.blog.roodo.com/trackback/5151683


回最上方