前言


无论是网站还是游戏,字体优化都是不得不做的一项工作。往往漂亮的字体都要占用不小的空间,甚至有时还要支持多国语言。在不能更换字体的前提下,只能通过裁剪字体以达到减小字体占用空间的目的。以本站字体为例,用FontCreator打开字体稍作浏览就发现该字体支持日、简中、繁中、英还有所有符号,而且中文里还有非常多的生僻字,这使得这款字体的容量达到了10M,非常影响网站的加载速度,字体问题亟待解决。


裁剪字体


要进行裁剪字体的工作,首先要知道有哪些文字是无用的,但字体所包含的文字浩如烟海,不可能一一辨别文字是否无用。这时可以反向思考一下:想知道哪些文字无用比较困难,那反过来知道哪些文字有用是否更加容易?


GB2312字符集


GB2312是中国国家标准的简体中文字符集。它所收录的汉字已经覆盖99.75%的使用频率,基本满足了汉字的计算机处理需要。在中国大陆和新加坡获广泛使用。GB2312收录简化汉字及一般符号、序号、数字、拉丁字母、日文假名、希腊字母、俄文字母、汉语拼音符号、汉语注音字母,共 7445 个图形字符。包括6763个汉字,其中一级汉字3755个,二级汉字3008个(以上内容来自百度百科)。

GB2312标准字库(6763个)包含中文字符如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
灞爨夔肇羹回盥龆曦寰囡鼻接祁树氚圜灌囔屦训幕犹电杰师永印品一丁七万三上下不与专且世丙业东丝丢两严个中丰临为主举么义之乐乘九也习书买乱了争
事二于云互五些亡交产享京亮亲人什仅今介仍从仔他付代令以仪们仰件价任份企休众优伙会伞传伤伪伴似但位低住体何余作你佳使例供依侧侵便保信修俱候
借值假偏做停健偿储像儿允元充先光克免党入全八公六共关兴其具典养兼内册再冒军农冬冰冲决况冷冻净准减几凡凤凭凰凸凹出击刀分切划列则创初删判利
别到制刷券刹前剧剩剪副力办功加务动助努劫劳势勤勾勿包化北匙匹区医匿十升午卉半华协卓单卖南博占卡卫危即卷卸厂厅历压厘原厨去参又及友双反发取
受变叠口句另只叫可台史右叶号司各合同名后向吗吞否吧含听启呈告员周味呼命和咨咪哆响哒哔哨哩哪唤售唯唱商善喜嘟器四因团围固国图圆圈圣在地圳场
圾址均坏坐块坛坡垃型城域基塑填境增壁士声处备复夏夕外多夜够大天太失头夹奇奏奕奖套女好如妇妥妨姆始姓姿娱媒子存学孩宁它宅宇守安官定宜宝实宠
客宣室宫害宵家容密富寒寸对寻导寿封射将尊小少尖尘尚尝尤就尺尼尽尾局层居屏展属山崩巡巢工左巧差己已巴币市布帐帖带帮常幅干平年并幻广床序库应
底店府废度座康延建廿开异弃式引张弧弱弹强归当录形彩影往征径待很律得循微德心必忆志忘忙忧快怀态怎怕急性总恒恢息恶恼悄您悬情惊惠惩惯想意感愿
慎慢慧懂戏成我或战截戴户房所才打托执扫扬扰批找承技投抖折抛护报披抬抹拂担拆拉拍拒拔拖招拜拟拦拨择括拼持挂指按挑挡挤挪振捂捆损换据捷授掉排
探控推措掷揉描提插搏搜携摄摆摔摩摸撬播撰擅操擎支收改攻放政故效敏教散敬数敲整文斑斗料断斯新方施旁旅旋无日旦旧旨早时明易星映春是昵显晒晓晚
普景晰晴智暂暑暖暗暴曲更替最月有服朗期木未末本术杀杂权束条来松板极析林果架某柜查标栏校样核根格框案桌档梦梯械检棉植椎楼榜模横橙次欢款歌止
正此步死段母每毒比毫民气氧水求汇池汤汽沃沉没油治沾泄法泛泡注泵洁洗活流测济浏浪浮浴海涂消涉涟润液涵淘淫深混添清渐渠温港游湿溃溅源滑滚满滤
滴漆漏漪漫潜激火灭灯灰灵灼灾炫点烁烦烧热烷焊焦然照熄燃燥爆爬爱父片版牌牙牢物特犯状狗独猜猫献率王玩环现班球理琐瓜甚生用由甲申画畅界留略番
疑疗疲疼病痛登白百皂的皮盈益监盒盖盗盘目直相盾省看真眠眼着睛睡知矩短石矿码研破砸础硬确碍碎磁示礼社神票禁福离私种科秒秘租积称移秽程稳究空
穿突窒窗立竖站竞章童端笔符第等筒答策筛筹签简算管箱籍米类粉粒粗精糖系素索紧紫累繁红约级纬纸纹线练组细织终绍经绑结绘给络绝统继续维综缀缓编
缘缩缪缺网罚罪置美群翻耀老考者而耐耗耳聊职联聚股肤肥肮育背能脂脉脑脱脸腊腾自至致舍舒舞航船良色艺节芒花苏若英范茄荐荒荣莞获菜营落著蓝蔽藏
虚虫蛰蜗融螺蠕血行衍街衣补表袋被裂装西要覆见规视览觉角解触言警计订认让议讯记许论设访证评识诈诉诊词译试话诞询该详语误说请诺读诽调谓谤谨谷
象豪貌负贡财责账货质贪购贴贷费资赔赖赛赢走起超趣足跌跑距跟路跳踪蹈身车轨转软轻载较辅辐辑输辨边达迁过迎运近返还这进远违连迟述迷迹追退送适
逆选透递途通速造遇道遥遭遮遵避那邮邻部都配酒酷醒采释里重野量金鉴针钉钓钟钥钮钱铁铃银链销锁锐错键镜长门闪闭问闰闲间闹闻阅防阳阴阶阻阿附际
陆陈陌降限院除险陪隆随隐隔障难雅集雨雪雯零雷需霜露青静非靠面音页顶项顺须顿预领颈频颗题颜额颠颤风飞食饰饿馈首香馨马驱驶驻驾验骑骗骚高鬼魔
鱼鲜鸦鸿麦黄黑默鼓鼠龄手机字写完丈丌丐丑丕丘丛丞丧丨丫丬串丶丸丹丽丿乃久乇乌乍乎乏乒乓乔乖乙乜乞乡乩乳乾予亍亏亓井亘亚亟亠亢亥亦亨亩亭亳
亵亻亿仁仂仃仄仆仇仉仑仓仕仗仙仝仞仟仡仨仫仲仳仵仿伉伊伍伎伏伐伛伟伢伥伦伧伫伯估伲伶伸伺伽佃佐佑佗佘佚佛佝佞佟佣佤佥佧佩佬佯佰佴佶佻佼佾
侃侄侈侉侍侏侑侔侗侠侣侥侦侨侩侪侬侮侯促俄俅俊俎俏俐俑俗俘俚俜俞俟俣俦俨俩俪俭俯俳俸俺俾倌倍倏倒倔倘倚倜倡倥倦倨倩倪倬倭倮债倾偃偈偌偎偕
偬偶偷偻偾傀傅傈傍傣傥傧傩催傲傺傻僖僚僦僧僬僭僮僳僵僻儆儇儋儒儡兀兄兆兑兔兕兖兜兢兮兰兵兹兽冀冁冂冈冉冕冖冗冠冢冤冥冫冯冱冶冼冽凄凇凉凋
凌凑凛凝凫凯凳凵凶凼函凿刁刂刃刈刊刍刎刑刖刘刚刨刭刮刳刺刻刽刿剀剁剂剃削剌剐剑剔剖剜剞剡剥割剽剿劁劂劈劐劓劝劢劣劬劭励劲劾勃勇勉勋勐勒勖
勘募勰勹勺匀匆匈匍匏匐匕匚匝匠匡匣匦匪匮匾千卅卑卒卜卞卟卢卣卤卦卧卩卮卯却卵卺卿厄厉厌厍厕厚厝厢厣厥厦厩厮厶县叁叉叔叙叛叟古叨叩召叭叮叱
叵叹叻叼叽吁吃吆吉吊吏吐吒吓吕吖君吝吟吠吡吣吨吩吭吮吱吲吴吵吸吹吻吼吾呀呃呆呋呐呒呓呔呕呖呗呙呛呜呢呤呦呱呲呵呶呷呸呻咀咂咄咆咋咎咏咐咒
咔咕咖咙咚咛咝咣咤咦咧咩咫咬咭咯咱咳咴咸咻咽咿哀哂哄哇哈哉哌哎哏哐哑哓哕哗哙哚哜哝哞哟哥哦哧哭哮哲哳哺哼哽哿唁唆唇唉唏唐唑唔唛唠唢唣唧唪
唬唰唳唷唼唾唿啁啃啄啉啊啐啕啖啜啡啤啥啦啧啪啬啭啮啵啶啷啸啻啼啾喀喁喂喃喇喈喉喊喋喏喑喔喘喙喝喟喧喱喳喵喷喹喻喽喾嗄嗅嗉嗌嗍嗑嗒嗓嗔嗖嗜
嗝嗟嗡嗣嗤嗥嗦嗨嗪嗫嗬嗯嗲嗳嗵嗷嗽嗾嘀嘁嘈嘉嘌嘎嘏嘘嘛嘞嘣嘤嘧嘬嘭嘱嘲嘴嘶嘹嘻嘿噌噍噎噔噗噘噙噜噢噤噩噪噫噬噱噶噻噼嚅嚆嚎嚏嚓嚣嚯嚷嚼囊
囗囚囝囟囤囫园困囱囵囹囿圃圄圉圊土圩圪圬圭圮圯圹圻坂坊坌坍坎坑坚坜坝坞坟坠坤坦坨坩坪坫坭坯坳坶坷坻坼垂垄垅垆垌垒垓垛垠垡垢垣垤垦垧垩垫垭
垮垲垴垸埂埃埋埏埒埔埕埘埙埚埝埠埤埭埯埴埸培埽堀堂堆堇堋堍堑堕堙堞堠堡堤堪堰堵塄塌塍塔塘塞塥塬塾墀墁墅墉墒墓墙墚墟墨墩墼壅壑壕壤壬壮壳壶
壹夂夙夤夥夫夭央夯夷夸夺夼奁奂奄奈奉奋奎契奔奘奚奠奢奥奴奶奸她妁妃妄妆妈妊妍妒妓妖妗妙妞妣妤妩妪妫妮妯妲妹妻妾姊姐姑姒委姗姘姚姜姝姣姥姨
姬姹姻威娃娄娅娆娇娈娉娌娑娓娘娜娟娠娣娥娩娲娴娶娼婀婆婉婊婕婚婢婧婪婴婵婶婷婺婿媚媛媪媲媳媵媸媾嫁嫂嫉嫌嫒嫔嫖嫘嫜嫠嫡嫣嫦嫩嫫嫱嬉嬖嬗嬲
嬴嬷孀孑孓孔孕孙孚孛孜孝孟孢季孤孥孪孬孰孱孳孵孺孽宀宄宋宏宓宕宗宙宛审宥宦宪宰宴宸宽宾宿寂寄寅寇寐寓寝寞察寡寤寥寨寮寺尉尔尕尜尢尥尧尬尴
尸尹尻尿屁屈屉届屋屎屐屑屙屠屡屣履屮屯屹屺屿岁岂岈岌岍岐岑岔岖岗岘岙岚岛岜岢岣岩岫岬岭岱岳岵岷岸岽岿峁峄峋峒峙峡峤峥峦峨峪峭峰峻崂崃崆崇
崎崔崖崛崞崤崦崧崭崮崴崽崾嵇嵊嵋嵌嵘嵛嵝嵩嵫嵬嵯嵴嶂嶙嶝嶷巅巍巛川州巨巩巫巯巳巷巽巾帅帆希帏帑帔帕帘帙帚帛帜帝帧席帱帷帻帼帽幂幄幌幔幛幞
幡幢幸幺幼幽庀庄庆庇庋庐庑庖庙庚庞庠庥庭庳庵庶庸庹庾廉廊廑廒廓廖廛廨廪廴廷廾弁弄弈弊弋弑弓弗弘弛弟弥弦弩弪弭弯弼彀彐彖彗彘彝彡彤彦彪彬彭
彰彳彷役彻彼徂徇徉徊後徐徒徕徘徙徜御徨徭徵徼徽忄忉忌忍忏忐忑忒忖忝忠忡忤忪忭忮忱念忸忻忽忾忿怂怃怄怅怆怊怍怏怒怔怖怙怛怜思怠怡怦怨怩怪怫
怯怵怼怿恁恂恃恋恍恐恕恙恚恝恣恤恧恨恩恪恫恬恭恰恳恸恹恺恻恽恿悃悉悌悍悒悔悖悚悛悝悟悠患悦悫悭悯悱悲悴悸悻悼惆惋惑惕惘惚惜惝惟惦惧惨惫惬
惭惮惰惴惶惹惺愀愁愆愈愉愍愎愕愚愠愣愤愦愧愫慈慊慌慑慕慝慨慰慵慷憋憎憔憝憧憨憩憬憷憾懈懊懋懑懒懔懦懵懿戆戈戊戋戌戍戎戒戕戗戚戛戟戡戢戤戥
戬戮戳戽戾扁扃扇扈扉扌扎扑扒扔扛扣扦扩扪扭扮扯扳扶扼抄抉把抑抒抓抗抚抟抠抡抢抨抱抵抻押抽抿拄拇拈拊拌拎拐拓拗拘拙拚拢拣拥拧拭拮拯拱拳拴拶
拷拽拾拿挈挎挖挚挛挝挞挟挠挢挣挥挨挫挲挹挺挽捃捅捉捋捌捍捎捏捐捕捞捡捣捧捩捭捱捶捺捻掀掂掇掊掌掎掏掐掖掘掠掣掩掬掭掮掰掳掴掸掺掼掾揄揆揍
揎揖揞揠握揣揩揪揭揲援揶揸揽揿搀搁搂搅搋搌搐搓搔搛搞搠搡搦搪搬搭搴搽搿摁摅摇摈摊摒摘摞摧摭摹摺撂撄撅撇撑撒撕撖撙撞撤撩撮撵撷撸撺撼擀擂擐
擒擗擘擞擢擤擦攀攉攒攘攥攫攮攴攵攸敉敌救敕敖敛敝敞敢敦敫敷斋斌斐斓斛斜斟斡斤斥斧斩斫於旃旄旆旌旎族旒旖旗既旬旭旮旯旰旱旷旺昀昂昃昆昊昌昏
昔昕昙昝昧昨昭昱昴昶昼晁晃晋晌晏晔晕晖晗晟晡晤晦晨晶晷晾暄暇暌暝暧暨暮暹暾曙曛曜曝曩曰曳曷曹曼曾朊朋朐朔朕望朝朦札朱朴朵朽杆杈杉杌李杏材
村杓杖杜杞杠杨杩杪杭杯杲杳杵杷杼构枇枉枋枕枘枚枝枞枢枣枥枧枨枪枫枭枯枰枳枵枷枸柁柃柄柏柑柒染柔柘柙柚柝柞柠柢柩柬柯柰柱柳柴柽柿栀栅栈栉栊
栋栌栎栓栖栗栝栩株栲栳栽栾桀桁桂桃桄桅桉桊桎桐桑桓桔桕桠桡桢桤桥桦桧桨桩桫桴桶桷梁梃梅梆梏梓梗梢梧梨梭梳梵棂棋棍棒棕棘棚棠棣森棰棱棵棹棺
棼椁椅椋椐椒椟椠椤椭椰椴椹椽椿楂楔楗楚楝楞楠楣楦楫楮楱楷楸楹榀概榄榆榇榈榉榍榔榕榘榛榧榨榫榭榱榴榷榻槁槊槌槎槐槔槛槟槠槭槲槽槿樊樗樘樟樨
樯樱樵樽樾橄橇橐橘橛橡橥橱橹橼檀檄檎檐檑檗檠檩檫檬欠欣欤欧欲欷欹欺歃歆歇歉歙武歧歪歹歼殁殂殃殄殆殇殉殊残殍殒殓殖殚殛殡殪殳殴殷殿毁毂毅毋
毓毕毖毗毙毛毡毪毯毳毵毹毽氅氆氇氍氏氐氓氕氖氘氙氛氟氡氢氤氦氨氩氪氮氯氰氲氵氽汀汁汆汉汊汐汔汕汗汛汜汝汞江污汨汩汪汰汲汴汶汹汾沁沂沅沆沈
沌沏沐沓沔沙沛沟沣沤沥沦沧沩沪沫沭沮沱沲河沸沼沽沿泅泉泊泌泐泓泔泖泗泞泠波泣泥泪泫泮泯泰泱泳泶泷泸泺泻泼泽泾洄洇洋洌洎洒洙洚洛洞津洧洪洫
洮洱洲洳洵洹洼洽派浃浅浆浇浈浊浍浑浒浓浔浙浚浜浞浠浣浦浩浯浸浼涅涌涎涑涓涔涕涛涝涞涠涡涣涤涧涨涩涪涫涮涯涸涿淀淄淅淆淇淋淌淑淖淙淝淞淠淡
淤淦淬淮淳淹淼渊渌渍渎渑渔渖渗渚渝渡渣渤渥渫渭渲渴渺湃湄湍湎湓湔湖湘湛湟湫湮湾溆溉溏溘溜溟溢溥溧溪溯溱溲溴溶溷溺溻溽滁滂滇滋滏滓滔滕滗滞
滟滠滢滥滦滨滩滹漂漉漓演漕漠漤漩漭漯漱漳漶漾潆潇潋潍潘潞潢潦潭潮潲潴潸潺潼澄澈澉澌澍澎澜澡澧澳澶澹濂濉濑濒濞濠濡濮濯瀑瀚瀛瀣瀵瀹灏灬灶灸
灿炀炅炉炊炎炒炔炕炖炙炜炝炬炭炮炯炱炳炷炸炻炼炽烀烂烃烈烊烘烙烛烟烤烨烩烫烬烯烹烽焉焐焓焕焖焘焙焚焯焰焱煅煊煌煎煜煞煤煦煨煮煲煳煸煺煽熊
熏熔熘熙熟熠熨熬熳熵熹燎燔燕燠燧燮燹爝爪爰爵爷爸爹爻爽爿牍牒牖牛牝牟牡牦牧牮牯牲牵牺牾牿犀犁犄犊犋犍犏犒犟犬犭犰犴犷犸狁狂狃狄狈狍狎狐狒
狙狞狠狡狨狩狭狮狯狰狱狲狳狴狷狸狺狻狼猁猃猊猎猓猕猖猗猛猝猞猡猢猥猩猪猬猱猴猷猸猹猾猿獍獐獒獗獠獬獭獯獾玄玉玎玑玖玛玟玢玫玮玲玳玷玺玻珀
珂珈珉珊珍珏珐珑珙珞珠珥珧珩珲琅琉琊琏琚琛琢琥琦琨琪琬琮琰琳琴琵琶琼瑁瑕瑗瑙瑚瑛瑜瑞瑟瑭瑰瑶瑷瑾璀璁璃璇璋璎璐璜璞璧璨璩璺瓒瓞瓠瓢瓣瓤瓦
瓮瓯瓴瓶瓷瓿甄甍甏甑甓甘甙甜甥甩甫甬甭甯田男甸町甾畀畈畋畎畏畔畚畛畜畦畲畴畸畹畿疃疆疋疏疒疔疖疙疚疝疟疠疡疣疤疥疫疬疮疯疰疱疳疴疵疸疹疽
疾痂痃痄症痈痉痊痍痒痔痕痖痘痞痢痣痤痦痧痨痪痫痰痱痴痹痼痿瘀瘁瘃瘅瘊瘌瘐瘕瘗瘘瘙瘛瘟瘠瘢瘤瘥瘦瘩瘪瘫瘭瘰瘳瘴瘵瘸瘼瘾瘿癀癃癌癍癔癖癜癞癣
癫癯癸皆皇皈皋皎皑皓皖皙皤皱皲皴皿盂盅盆盍盎盏盐盔盛盟盯盱盲盹盼眄眇眈眉眍眙眚眢眦眨眩眭眯眵眶眷眸眺睁睃睇睐睑睚睢督睥睦睨睫睬睹睽睾睿瞀
瞄瞅瞌瞍瞎瞑瞒瞟瞠瞢瞥瞧瞩瞪瞬瞰瞳瞵瞻瞽瞿矍矗矛矜矢矣矧矫矬矮矶矸矽矾砀砂砉砌砍砑砒砖砗砘砚砜砝砟砣砥砦砧砩砬砭砰砷砹砺砻砼砾硅硇硌硎硐
硒硕硖硗硝硪硫硭硷硼碇碉碌碑碓碗碘碚碛碜碟碡碣碥碧碰碱碲碳碴碹碾磅磉磊磋磐磔磕磙磨磬磲磴磷磺礁礅礓礞礤礴礻祀祆祈祉祓祖祗祚祛祜祝祟祠祢祥
祧祭祯祷祸祺禀禄禅禊禚禧禳禹禺禽禾秀秃秆秉秋秕秣秤秦秧秩秫秭秸稀稂稃稆稍税稔稗稚稞稠稣稷稹稻稼稽稿穆穑穗穰穴穷穸穹窀窃窄窆窈窍窑窕窖窘窜
窝窟窠窥窦窨窬窭窳窿竟竣竦竭竹竺竽竿笃笄笆笈笊笋笏笑笕笙笛笞笠笤笥笨笪笫笮笱笳笸笺笼笾筅筇筋筌筏筐筑筘筚筝筠筢筮筱筲筵筷筻箅箍箐箔箕箜箝
箢箦箧箨箩箪箫箬箭箴箸篁篆篇篌篑篓篙篚篝篡篥篦篪篮篱篷篼篾簇簋簌簏簖簟簦簧簪簸簿籀籁籴籼籽粑粕粘粜粝粞粟粢粤粥粪粮粱粲粳粹粼粽糁糅糇糈糊
糌糍糕糗糙糜糟糠糨糯糸紊絮絷綦綮縻繇纂纛纟纠纡纣纤纥纨纩纪纫纭纯纰纱纲纳纵纶纷纺纽纾绀绁绂绅绉绊绋绌绎绐绒绔绕绗绚绛绞绠绡绢绣绥绦绨绩绪
绫绮绯绰绱绲绳绵绶绷绸绺绻绽绾绿缁缂缃缄缅缆缇缈缉缋缌缍缎缏缑缒缔缕缗缙缚缛缜缝缟缠缡缢缣缤缥缦缧缨缫缬缭缮缯缰缱缲缳缴缵缶缸罂罄罅罐罔
罕罗罘罟罡罢罨罩罱署罴罹罾羁羊羌羔羚羝羞羟羡羧羯羰羲羸羼羽羿翁翅翊翌翎翔翕翘翟翠翡翥翦翩翮翰翱翳翼耄耆耋耍耒耔耕耖耘耙耜耠耢耥耦耧耨耩耪
耱耵耶耷耸耻耽耿聂聃聆聋聍聒聘聩聪聱聿肀肃肄肆肉肋肌肓肖肘肚肛肜肝肟肠肢肩肪肫肭肯肱肴肷肺肼肽肾肿胀胁胂胃胄胆胍胎胖胗胙胚胛胜胝胞胡胤胥
胧胨胩胪胫胬胭胯胰胱胲胳胴胶胸胺胼脆脊脍脎脏脐脒脓脔脖脘脚脞脬脯脲脶脾腆腈腋腌腐腑腓腔腕腙腚腠腥腧腩腭腮腰腱腴腹腺腻腼腽腿膀膂膈膊膏膑膘
膛膜膝膣膦膨膪膳膺膻臀臁臂臃臆臊臌臣臧臬臭臻臼臾舀舁舂舄舅舆舌舐舔舛舜舟舡舢舣舨舫般舭舯舰舱舳舴舵舶舷舸舻舾艄艇艉艋艏艘艚艟艨艮艰艳艴艹
艽艾艿芄芈芊芋芍芎芏芑芗芘芙芜芝芟芡芤芥芦芨芩芪芫芬芭芮芯芰芳芴芷芸芹芽芾苁苄苇苈苊苋苌苍苎苑苒苓苔苕苗苘苛苜苞苟苠苡苣苤苦苫苯苴苷苹苻
茁茂茅茆茇茈茉茌茎茏茑茔茕茗茚茛茜茧茨茫茬茭茯茱茳茴茵茶茸茹茺茼荀荃荆荇草荏荑荔荚荛荜荞荟荠荡荤荥荦荧荨荩荪荫荬荭荮药荷荸荻荼荽莅莆莉莎
莒莓莘莛莜莠莨莩莪莫莰莱莲莳莴莶莸莹莺莼莽菀菁菅菇菊菌菏菔菖菘菝菟菠菡菥菩菪菰菱菲菸菹菽萁萃萄萆萋萌萍萎萏萑萘萜萝萤萦萧萨萱萸萼葆葑葙葚
葛葜葡董葩葫葬葭葱葳葵葶葸葺蒂蒇蒈蒉蒋蒌蒎蒗蒙蒜蒡蒯蒲蒴蒸蒹蒺蒽蒿蓁蓄蓉蓊蓍蓐蓑蓓蓖蓟蓠蓣蓥蓦蓬蓰蓼蓿蔌蔑蔓蔗蔚蔟蔡蔫蔬蔷蔸蔹蔺蔻蔼蕃蕈
蕉蕊蕖蕙蕞蕤蕨蕲蕴蕹蕺蕻蕾薄薅薇薏薛薜薤薨薪薮薯薰薷薹藁藉藐藓藕藜藤藩藻藿蘅蘑蘖蘧蘩蘸蘼虍虎虏虐虑虔虞虢虬虮虱虹虺虻虼虽虾虿蚀蚁蚂蚊蚋蚌
蚍蚓蚕蚜蚝蚣蚤蚧蚨蚩蚪蚬蚯蚰蚱蚴蚵蚶蚺蛀蛄蛆蛇蛉蛊蛋蛎蛏蛐蛑蛔蛘蛙蛛蛞蛟蛤蛩蛭蛮蛱蛲蛳蛴蛸蛹蛾蜀蜂蜃蜇蜈蜉蜊蜍蜒蜓蜕蜘蜚蜜蜞蜡蜢蜣蜥蜩蜮
蜱蜴蜷蜻蜾蜿蝇蝈蝉蝌蝎蝓蝗蝙蝠蝣蝤蝥蝮蝰蝴蝶蝻蝼蝽蝾螂螃螅螈螋螓螗螟螨螫螬螭螯螳螵螽蟀蟆蟊蟋蟑蟒蟓蟛蟠蟥蟪蟮蟹蟾蠃蠊蠓蠖蠛蠡蠢蠲蠹蠼衄衅
衔衙衡衢衤衩衫衬衮衰衲衷衽衾衿袁袂袄袅袈袍袒袖袜袢袤袭袱袷袼裁裆裉裎裒裔裕裘裙裟裢裣裤裥裨裰裱裳裴裸裹裼裾褂褊褐褒褓褙褚褛褡褥褪褫褰褴褶
襁襄襞襟襦襻覃观觅觇觊觋觌觎觏觐觑觖觚觜觞觥觫觯觳訇訾詈詹誉誊誓謇謦譬讠讣讥讦讧讨讪讫讲讳讴讵讶讷讹讼讽诀诂诃诅诋诌诎诏诒诓诔诖诗诘诙诚
诛诜诟诠诡诣诤诧诨诩诫诬诮诰诱诲诳诵诶诸诹诼课诿谀谁谂谄谅谆谇谈谊谋谌谍谎谏谐谑谒谔谕谖谗谘谙谚谛谜谝谟谠谡谢谣谥谦谧谩谪谫谬谭谮谯谰谱
谲谳谴谵谶豁豆豇豉豌豕豚豢豫豳豸豹豺貂貅貉貊貔貘贝贞贤败贩贫贬贮贯贰贱贲贳贵贶贸贺贻贼贽贾贿赀赁赂赃赅赆赇赈赉赊赋赌赍赎赏赐赓赕赘赙赚赜
赝赞赠赡赣赤赦赧赫赭赳赴赵赶趁趄越趋趑趔趟趱趴趵趸趺趼趾趿跃跄跆跋跎跏跖跗跚跛跞跣跤跨跪跫跬践跷跸跹跺跻跽踅踉踊踌踏踔踝踞踟踢踣踩踬踮踯
踱踵踹踺踽蹀蹁蹂蹄蹇蹉蹊蹋蹑蹒蹙蹦蹩蹬蹭蹯蹰蹲蹴蹶蹼蹿躁躅躇躏躐躔躜躞躬躯躲躺軎轧轩轫轭轮轰轱轲轳轴轵轶轷轸轹轺轼轾轿辁辂辄辆辇辈辉辊辋
辍辎辏辔辕辖辗辘辙辚辛辜辞辟辣辩辫辰辱辶辽迂迄迅迈迓迕迢迤迥迦迨迩迪迫迭迮迳迸逃逄逅逊逋逍逐逑逖逗逛逝逞逡逢逦逭逮逯逵逶逸逻逼逾遁遂遄遍
遏遐遑遒遗遘遛遢遣遨遴遽邀邂邃邈邋邑邓邕邗邙邛邝邡邢邦邪邬邯邰邱邳邴邵邶邸邹邺邾郁郄郅郇郊郎郏郐郑郓郗郛郜郝郡郢郦郧郫郭郯郴郸郾鄂鄄鄙鄞
鄢鄣鄯鄱鄹酃酆酉酊酋酌酎酏酐酗酚酝酞酡酢酣酤酥酩酪酬酮酯酰酱酲酴酵酶酸酹酽酾酿醅醇醉醋醌醍醐醑醚醛醢醣醪醭醮醯醴醵醺釉釜銎銮鋈錾鍪鎏鏊鏖
鐾鑫钅钆钇钊钋钌钍钎钏钐钒钔钕钗钙钚钛钜钝钞钠钡钢钣钤钦钧钨钩钪钫钬钭钯钰钲钳钴钵钶钷钸钹钺钻钼钽钾钿铀铂铄铅铆铈铉铊铋铌铍铎铐铑铒铕铖
铗铘铙铛铜铝铞铟铠铡铢铣铤铥铧铨铩铪铫铬铭铮铯铰铱铲铳铴铵铷铸铹铺铼铽铿锂锃锄锅锆锇锈锉锊锋锌锍锎锏锑锒锓锔锕锖锗锘锚锛锝锞锟锡锢锣锤锥
锦锨锩锪锫锬锭锯锰锱锲锴锵锶锷锸锹锺锻锼锾锿镀镁镂镄镅镆镇镉镊镌镍镎镏镐镑镒镓镔镖镗镘镙镛镝镞镟镡镢镣镤镥镦镧镨镩镪镫镬镭镯镰镱镲镳镶闩
闫闯闱闳闵闶闷闸闺闼闽闾阀阁阂阃阄阆阈阉阊阋阌阍阎阏阐阑阒阔阕阖阗阙阚阜阝队阡阢阪阮阱阵阼阽陀陂陇陉陋陔陕陛陟陡陧陨陬陲陴陵陶陷隅隈隋隍
隗隘隙隧隰隳隶隹隼隽雀雁雄雇雉雌雍雎雏雒雕雠雩雳雹雾霁霄霆震霈霉霍霎霏霓霖霞霪霭霰霸霹霾靓靖靛靡靥革靳靴靶靼鞅鞋鞍鞑鞒鞔鞘鞠鞣鞫鞭鞯鞲鞴
韦韧韩韪韫韬韭韵韶顷顸顼顽顾颀颁颂颃颅颇颉颊颌颍颏颐颓颔颖颚颛颞颟颡颢颥颦颧飑飒飓飕飘飙飚飧飨餍餐餮饔饕饣饥饧饨饩饪饫饬饭饮饯饱饲饴饵饶
饷饺饼饽馀馁馄馅馆馇馊馋馍馏馐馑馒馓馔馕馗馘馥驭驮驯驰驳驴驵驷驸驹驺驼驽驿骀骁骂骄骅骆骇骈骊骋骏骐骒骓骖骘骛骜骝骞骟骠骡骢骣骤骥骧骨骰骱
骶骷骸骺骼髀髁髂髅髋髌髑髓髟髡髦髫髭髯髹髻鬃鬈鬏鬓鬟鬣鬯鬲鬻魁魂魃魄魅魇魈魉魍魏魑鱿鲁鲂鲅鲆鲇鲈鲋鲍鲎鲐鲑鲒鲔鲕鲚鲛鲞鲟鲠鲡鲢鲣鲤鲥鲦鲧
鲨鲩鲫鲭鲮鲰鲱鲲鲳鲴鲵鲶鲷鲸鲺鲻鲼鲽鳃鳄鳅鳆鳇鳊鳋鳌鳍鳎鳏鳐鳓鳔鳕鳖鳗鳘鳙鳜鳝鳞鳟鳢鸟鸠鸡鸢鸣鸥鸨鸩鸪鸫鸬鸭鸯鸱鸲鸳鸵鸶鸷鸸鸹鸺鸽鸾鹁鹂
鹃鹄鹅鹆鹇鹈鹉鹊鹋鹌鹎鹏鹑鹕鹗鹘鹚鹛鹜鹞鹣鹤鹦鹧鹨鹩鹪鹫鹬鹭鹰鹱鹳鹾鹿麂麇麈麋麒麓麝麟麴麸麻麽麾黉黍黎黏黔黛黜黝黟黠黢黥黧黩黪黯黹黻黼黾
鼋鼍鼎鼐鼗鼙鼢鼬鼯鼷鼹鼽鼾齄齐齑齿龀龃龅龇龈龉龊龋龌龙龚龛龟龠

font-spider


有了以上GB2312包含的常用汉字,只要再加上26个英文字母、日文平假名片假名以及所有的标点符号、特殊符号就可以得到一个不包含繁体和生僻字的文字集合。接着使用font-spider进行裁剪就可以得到一个精简的字体。


安装font-spider


执行命令行

1
npm install font-spider -g

引入字体


font-spider要求有网页引用想要裁剪的字体,首先创建一个Demo目录,里面再创建一个css目录和font目录。

在css目录下创建test.css输入以下代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
@font-face {
font-family: 'source';
src: url('../font/source.ttf');
src:
url('../font/source.eot?#font-spider') format('embedded-opentype'),
url('../font/source.woff2') format('woff2'),
url('../font/source.woff') format('woff'),
url('../font/source.ttf') format('truetype'),
url('../font/source.svg') format('svg');
font-weight: normal;
font-style: normal;
}

.test{
font-family: 'source';
}

接着把需要裁剪的字体重命名为source.ttf放入font目录下,并在Demo目录创建一个index.html引入css样式

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="./css/test.css">
</head>
<body>
<div class="test"></div>
</body>
</html>

最后把上面GB2312的汉字以及自己需要的其他字符输入到div中类似下图这样

GB2312

以上整个目录结构是这样的:

1
2
3
4
5
6
|-- Demo
|-- index.html
|-- css
| |-- test.css
|-- font
|-- source.ttf

裁剪字体


在Demo目录下执行命令行:

1
font-spider index.html

执行结束后新的字体会存放在font目录下,复制到需要用到的项目中即可。


结语


裁剪后的字体占用空间大大减小,本站字体从10M缩减到了1.6M大大缓解了加载压力。更换字体后再次浏览博客首页变得非常顺滑,真是可喜可贺。