阿里云企業(yè)郵箱：桑橋網(wǎng)絡(luò)優(yōu)質(zhì)服務(wù)，輕松遷移，超值體驗
企業(yè)郵箱作為現(xiàn)代商務(wù)溝通的重要工具，其穩(wěn)定性和安全性對于企業(yè)運營至關(guān)重要。阿里... ...
網(wǎng)建知識
您當(dāng)前位置 > 首頁 > 文章欄目：網(wǎng)建知識
如何處理網(wǎng)頁當(dāng)中的字體鋸齒邊緣？
發(fā)表時間：2014-04-02
?
印刷字體得益于高分辨率印刷帶來的優(yōu)勢，可以傲人地展現(xiàn)出漂亮的曲線和細(xì)節(jié)。然而一旦到了屏幕上，這些字體的優(yōu)勢會被笨重的像素點所扼殺，從而出現(xiàn)鋸齒邊緣、字體變形和細(xì)節(jié)丟失的情況。在顯示器生產(chǎn)商能夠生產(chǎn)出二百或三百PPl分辨率的屏幕前，類似金華微信平臺的設(shè)計工程師們將不得不依賴軟件技術(shù)的進(jìn)步來解決這些問題。
?
首先讓我們來看抗鋸齒技術(shù)。要想消除鋸齒，它的效果僅次于高清顯示器。它的原理相當(dāng)簡單：沿著字體的邊緣增加半透明的像素點，從而達(dá)到平滑“階梯狀”鋸齒的效果。當(dāng)然，在這個過程中，很多因素和技術(shù)決定了最后的呈現(xiàn)效果，如字體微調(diào)、次像素渲染、軟件性能、操作系統(tǒng)和機(jī)器規(guī)格，這里僅是說到了一些而已。現(xiàn)在，我們來看看作為設(shè)計師的你，可以用Photoshop、Flash和CSS來為改善抗鋸齒做些什么。另外，我們也會解釋硬件、瀏覽器和操作系統(tǒng)所帶來的限制。
?
?
?
?
?
?
?
其次，讓我們認(rèn)識下鋸齒和抗鋸齒，只需稍加注意就能發(fā)現(xiàn)，抗鋸齒技術(shù)對于文字的清晰度發(fā)揮著重要的作用。除了極少數(shù)例外，經(jīng)過抗鋸齒處理的文字能顯著減輕用戶眼部負(fù)擔(dān)，更不用說渲染后的字形更接近于預(yù)期設(shè)計。因此，設(shè)計師如果想要得到好的表現(xiàn)效果，就必須有意識地去使用抗鋸齒技術(shù)。此外，還需要考慮到自設(shè)計到輸出的整個過程中諸多的因素。
?
大多數(shù)字體渲染引擎都是依靠微調(diào)來確定哪些字形區(qū)域應(yīng)該被平滑處理。字體微調(diào)或指令，使用數(shù)學(xué)指令表格使字形與像素網(wǎng)格對齊，并確定哪些像素應(yīng)該采用哪個灰度。盡管多數(shù)軟件提供了標(biāo)準(zhǔn)算法的自動微調(diào)，但是理想的做法還是由字體設(shè)計師手工調(diào)整，并嵌入到文件里去。
?
簡單來說，這些指令通過修改結(jié)構(gòu)上一些重要的點的位置來起到效果的，例如這些點沿著曲線或者在字干上被找到，指令就將它們在像素邊界線上作對齊。次要的點則基于同主要的點的關(guān)系再重新定位。使用諸如FontFore這樣的開源字體編輯工具，允許你查看并編輯一個字體的微調(diào)信息。懂得了產(chǎn)生一個清晰的字形需要投入那么多的工作，你一定對字體設(shè)計師和工程師增多了幾分感激之情。
?
隨機(jī)推薦查看更多
網(wǎng)站備案：