欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP,暢享免費電子書(shū)等14項超值服

開(kāi)通VIP
在 CSS 中關(guān)于字體處理效果的思考

在 CSS 中關(guān)于字體處理效果的思考

字體的處理在網(wǎng)頁(yè)設計中無(wú)論怎么強調也不為過(guò),畢竟網(wǎng)頁(yè)使用來(lái)傳遞信息的,而最經(jīng)典最直接的信息傳遞方式就是文字,所以,了解一點(diǎn)字體的基本知識對于設計來(lái)說(shuō)還是非常重要的。

中文和英文的最大區別就是中文是方塊字,英文是拼音文字,這對字體的處理的影響是巨大的??纯聪旅娴膱D示就會(huì )發(fā)現,英文字體里的那些變化在中文字體里都弱化了。






作為中文的讀者,習慣性的接受方塊形狀做為閱讀的單元,其實(shí)對于眼睛來(lái)說(shuō),這是一種容易疲勞的方式,閱讀的時(shí)候你的視線(xiàn)實(shí)際上是跟隨整行文字的外形??纯催@個(gè)例子。

NOW I VE TRIED TO TALK TO YOU AND MAKE YOU UNDERSTAND

Now I ve tried to talk to you and make you understand

哪一行更容易讀呢?

第一行和中文的情形有些類(lèi)似,不同的是,每個(gè)中文單字就好比一幅畫(huà),其變化要比26個(gè)英文字母豐富的多,對于我們來(lái)說(shuō),我們接受了這個(gè)特點(diǎn),但是設計時(shí)還是有一些問(wèn)題需要考慮,我不是設計師,如果說(shuō)的不對,請在下面留言討論。這些內容在我教授Typography的時(shí)候是作為一般原則來(lái)提出的。我也告訴學(xué)生一句話(huà):“The purpose of rule is to break the rule.” 設計原則本身就是為了打破原則,這也是所謂的creativity的表現。問(wèn)題是你需要先知道原則,并且順從原則進(jìn)行練習,只有在你熟悉原則之后才有可能打破原則顯現你的創(chuàng )造性,打破原則不意味著(zhù)原則的缺陷和錯誤,只是你對這些原則的別出心裁的使用,你打破了一些,同時(shí)也對你所破壞的部分做一定的補償,似乎很有點(diǎn)哲學(xué)的味道。

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

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

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

字號的大??? 

論壇里很多討論,關(guān)于pixle 好還是point好? 我就不重復了,在這里我想提出的是字號的大小在CSS里,有很多不同的單位,大致上有三類(lèi),

絕對大?。簃m, cm, in, pt, pc 

相對大?。篹m, ex 

相對于設備:px 
可能要多說(shuō)幾句的是 em 和 ex,em 在 css 里代表就是字體字號的大小,例如對于12 pt的字體來(lái)說(shuō), 1 em 就等于12 pt 范例:

p {
font-size: 10pt;
text-indent: 1em
}

也許你會(huì )說(shuō)我可以用text-indent: 10pt來(lái)實(shí)現同樣的效果啊,但那只是在理想的情形下,如果用戶(hù)覺(jué)得他的瀏覽器設置字體大小為14pt更好的時(shí)候,你所設計的比例就失去了,所以相對尺寸對于網(wǎng)頁(yè)的可伸縮性設計是非常有利的。

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

對齊方式? 

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

行間距? 

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

字間距和字符間距? 

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

本站僅提供存儲服務(wù),所有內容均由用戶(hù)發(fā)布,如發(fā)現有害或侵權內容,請點(diǎn)擊舉報。
打開(kāi)APP,閱讀全文并永久保存 查看更多類(lèi)似文章
猜你喜歡
類(lèi)似文章
css中單位em和rem的區別
7個(gè)你可能不認識的CSS單位
CSS中強大的EM
CSS減少代碼重復性的幾種常見(jiàn)小技巧
24個(gè) CSS 高級技巧合集
一篇文章帶你了解CSS單位相關(guān)知識
更多類(lèi)似文章 >>
生活服務(wù)
分享 收藏 導長(cháng)圖 關(guān)注 下載文章
綁定賬號成功
后續可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服

欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久