設(shè)計(jì)圖評(píng)審會(huì)那天傍晚的晚霞很美。
我之所以記這么清楚是因?yàn)楫?dāng)時(shí)一抹霞光正好從窗戶鉆進(jìn)來打在我的臉上兜材，后來設(shè)計(jì)師小北說：你當(dāng)時(shí)“滿面紅光”，也不知道是不是因?yàn)樯鷼狻?/p>
我也不記得自己是不是生氣了逞力，只記得那天下午看小北設(shè)計(jì)圖的第一眼我就提出反對(duì)意見曙寡，然后我們就爭執(zhí)起來，陷入了僵局寇荧。她的設(shè)計(jì)圖是這樣的：
我說举庶，這里的文字是動(dòng)態(tài)的，你不能用特殊字體揩抡，只能用系統(tǒng)默認(rèn)的那些字體灯变。她說什么動(dòng)態(tài)不動(dòng)態(tài)，難不成這里的字還會(huì)跑起來捅膘？再說那些個(gè)默認(rèn)字體哪有我這個(gè)翩翩體典雅輕盈添祸。我說小北，跟你說話真費(fèi)勁寻仗，今天中午你請(qǐng)我吃個(gè)鹵煮我把這事兒給你講明白刃泌。
公司附近的北新橋鹵煮老店是我比較喜歡去的一個(gè)館子。我和小北過去挑了個(gè)角落的位置坐下署尤，我要了一份大腸鹵煮加一瓶北冰洋耙替，小北嘟囔著說真是比五十塊錢做一個(gè)logo的客戶還狠。
我跟小北說曹体，其實(shí)在這里也可以用你這個(gè)什么翩翩體俗扇，你想用什么字體都可以。那你為啥還和我吵箕别？還不讓我用铜幽？小北有點(diǎn)生氣地問道滞谢。
我夾起一塊大腸，嚼爛后就著一口北冰洋咽下除抛，說：你要知道啊狮杨，咱們中國上下五千年文明歷朝歷代累積下來的漢字幾萬個(gè)，常用字也得幾千到忽，不像英文字體就那么26個(gè)字母橄教，所以一套中文字體少說都得有個(gè)幾兆大小，有些甚至幾十兆喘漏。
如果網(wǎng)頁上用你這個(gè)字體护蝶，就需要用戶加載這一整套字體。你知道一般打開一個(gè)網(wǎng)頁也就幾百KB翩迈，卻要加載幾十兆的字體文件持灰，那得等多長時(shí)間啊。如果用戶在移動(dòng)網(wǎng)絡(luò)下瀏覽咱們網(wǎng)站帽馋，隨便點(diǎn)幾下這個(gè)月流量就耗光了，這對(duì)用戶來說簡直是災(zāi)難比吭。
小北說我只需要加載這幾個(gè)字罢雷濉？干嘛要加載一整套字體衩藤？其他的字我又不用吧慢。我說小北啊這些內(nèi)容是動(dòng)態(tài)的啊赏表！小北說我沒做動(dòng)效啊检诗，不用讓這些字動(dòng)起來啊。
我放慢了速度對(duì)小北說瓢剿，小北啊逢慌，我說的動(dòng)態(tài)不是讓它動(dòng)起來啊，你看啊间狂，這里的文字是美食卡片的標(biāo)題對(duì)吧攻泼？這個(gè)美食卡片都是用戶發(fā)布的，每個(gè)用戶發(fā)的都不一樣鉴象，你不能預(yù)測它的內(nèi)容忙菠，所以它是動(dòng)態(tài)的內(nèi)容。為了保證任意內(nèi)容都能顯示正確的字體纺弊，我們就得把一整套字體加載進(jìn)來牛欢。
不過呢，你說的只提取其中一部分字體的方案也有人做過淆游，叫做字體子集化方案傍睹，不過它適合靜態(tài)內(nèi)容隔盛，比如咱們專題上的宣傳文案。我們可以提取出那些文案中的字焰望，作為一套新字體引用骚亿，那樣就會(huì)小很多。但是呢熊赖，這個(gè)提取的過程比較麻煩来屠，而且單獨(dú)引進(jìn)后日積月累越來越多，也不太好維護(hù)震鹉，還不如一張圖片來得痛快俱笛。還有個(gè)問題就是，字體子集化需要該字體授權(quán)使用合同中允許才行传趾，否則涉及到版權(quán)問題也不太好解決迎膜。
那使用系統(tǒng)默認(rèn)字體怎么能保證在不同的設(shè)備上表現(xiàn)一致呢？因?yàn)槲铱从行┚W(wǎng)站在windows和mac上一個(gè)是宋體一個(gè)是黑體浆兰。小北語氣緩和了一點(diǎn)磕仅。
一般呢，我們?cè)谝米煮w時(shí)會(huì)寫上一連串字體簸呈，網(wǎng)頁在渲染時(shí)就會(huì)按順序?qū)ふ蚁到y(tǒng)上是否有這個(gè)字體榕订，有的話就使用這個(gè)字體渲染，沒有的話就往后面找蜕便。
你看這里“font-family”就代表字體劫恒，這樣寫的話在mac上就會(huì)使用蘋方字體，在windows上找不到前面兩個(gè)字體就使用第三個(gè)字體微軟雅黑來渲染轿腺。所以把字體的順序?qū)懞昧阶欤M量讓它們用相似的字體來渲染就可以啦。一般中文字體里面包含了英文字體（26個(gè)字母）族壳，如果你對(duì)英文字體有特殊要求憔辫，可以在最前面寫上，這樣英文字體就會(huì)單獨(dú)被渲染而不會(huì)被中文字體里的英文字體所覆蓋仿荆。
說完這些螺垢，鹵煮也吃完了，我們就起身回去赖歌。經(jīng)過7-11便利店時(shí)枉圃，我問小北：字體這玩意兒整明白了吧？今天是不是感覺收獲頗豐奥搿孽亲？小北說是啊，我得消化消化展父。
我還想喝瓶三得利返劲，我望著小北說玲昧。
