这项研究是制作新主题的副产品。
中文字体是咱玩博客的心中的痛，谷歌字体唯一的用途是拖慢网站速度，另外的在线字体服务要么收费要么不稳定，上传ttf字体的话动辄几M，真要用了会被访问者骂死。所以在标题、侧边栏等有限的地方，把少数的几个十几个字做成自己定义的字体就是一种比较好的办法。
其实这方面的教程不少，但多数是基于PhotoShop的，那玩意儿收费啊！
用Inkscape的就只找到一份，可惜语焉不详，我捣鼓了好半天才在某日文网站上找到使用方法，一点点试出来。所以写这份东西给自己做个备份。下面开始：
〇、安装字体
这不是一份自己画字的教程，所以想用什么字体还需要你安装到c:\window\fonts\下。注意字体的版权，你要是侵权被告了可别来找我麻烦。弄完了记得把字体删了，字体比较消耗系统资源且没卵用。
一、用Inkscape制作svg字体。
svg字体是一种矢量字体，其本质是一张矢量图。现在广泛应用的FontAwesome啊Iconfont啊其实都是把小图片做成了字体。其实这玩意咱也可以自己做。
Inkscape是一款遵循GPL发布的矢量图片编辑软件，而且有直接编辑svg字体的功能，所以跟PS比，一来没有道德负担，二来步骤可能更简单。
因为单位是日文系统，所以我用的是英文菜单，中文版对应应该也不难。我使用的是Inkscape 0.91。
1.1调整画布大小
File->Document Properties，把可页面设成1000*1000px。其实这一步不是必须的，矢量轨迹获取的时候是无所谓大小的，但设大一点会方便一点。做中文字体的时候最好把页面设成正方形。
1.2显示网格
View->Page Grid，显示网格。这一步也不是必须的，建议显示。
1.3编辑字体
1.3.1调出菜单
Text->SVG Font Editor
1.3.2创建一个字体
点击【New】按钮，建立一个font1
1.3.3添加符号
切换到Glyphs选项卡，点击【Add Glyphs】按钮，增加若干个文字符号。想做几个字，就增加几个条目。我这次要做的文字是“貝總賽高”，那么加四个字就可以了。依次在Matching String里添加“貝、總、賽、高”这几个字。这么做的意思是告诉字体，你加的字符对应的汉字是什么。一一对应就好了。
在preview里添加上你想预览的文字，那么随着你编一个字，就会出现一个字的效果。
1.3.4画字
1.3.4.1
点击左边工具栏的字母“A”，然后在网格编辑区域鼠标左键点击一下，会出现一个闪烁的光标。切换成中文输入法，输入对应的文字。
1.3.4.2
点击左上角的字体下拉列表，选择你想用的字体。
1.3.4.3
点击左边工具栏的黑色箭头，拖动刚才输入的字。点击字四周的箭头，缩放到合适大小。注意边框，出界的就显示不出来了！
1.3.4.4
点击左侧工具栏里的path工具（第二个），然后在字体上点一下。
点击Path->object to path，然后在黑色的部分双击。这时会出现自动做成的路径。这个路径可以拖动修改，但以咱的水平还是不改了吧。
1.3.4.5
选中SVG Font Editor里对应的字，点【Get Curves From Selection】按钮。设置了预览文字的话，看到字就算作成了。
1.3.4.6
点击左边工具栏的黑色箭头，选中字后把它删掉，然后重复上面的步骤，添加好每一个字。
1.4保存
每个字都画完并保存路径后，就可以点保存，存成你想要的名字。比如我这个字体的名字是bugest.svg。
二、利用网络工具生成网络字体
这种网站很多，我选择https://www.font-converter.net/
2.1
字体种类部分，把eot，svg，ttf，woff，woff2都选上。其中svg用自己这一份也行，不过网上生成的能稍微小一点。
2.2
点击【SELECT FONTS】，弹出的界面里选中本地的bugest.svg文件。Done。
2.3
下载，解压缩后把所有字体文件名都改为bugest。
三、把字体加到wordpress中。
3.1
在主题下建立一个fonts文件夹，把同名不同后缀的五种字体都放到这个文件夹下。
3.2
修改css
@font-face{
font-family:'bugest'; /*自定义字体名字*/
src: url('./fonts/bugest.eot'); /*IE9.0+*/
src: url('./fonts/bugest.eot?#iefix') format('embedded-opentype'),/*IE6-8*/
url('./fonts/bugest.woff2') format('woff2'),/*???*/
url('./fonts/bugest.woff?') format('woff'),/*大多数*/
url('./fonts/bugest.ttf') format('truetype'), /*Safari, Android, iOS*/
url('./fonts/bugest.svg') format('svg'); /*少数浏览器*/
font-weight: normal;
font-style: normal;
}
.site-description{ /*要修改的属性*/
font-family:bugest; /*自定义的字体名*/
}
3.3
最终效果
这个玩的有点高端了，造字，造字，造字！！哈哈！重要的事情要说三遍！
作为字体爱好者，也曾动过念头把网站字体搞得美腻一点。
但就是考虑到访问速度，想想也还是算了。
于是也只能自己哄自己，字体都是显示在前端，作为管理者更多是面对后台，不折腾就不折腾吧。
十几个字才不到10k，也没有很多。
不过忙活完都是给别人看的倒是真的。
很详细的教程！
这不是我的爱好
先看看，有时间折腾折腾。
这个挺吸引人的
这是给新主题准备的么？
对，是研究主题时候的衍生物。问谁来着，还不告诉我，一气之下自己弄了。
怎么还没上？
颜色配得不好。我想做成所有颜色都可以通过customize设定的效果。所以繁琐的工作有点儿多。
我做主题最怕的就是配色。。。
自定义颜色那么多不是要在head里插入一大堆的style
是啊,WP现在有个wp_add_inline_style()函数,专门干这事儿.
你是要把汉字都写一边吗？
只写标题。都写一遍不如把原字体整体上传了。
这玩意太高端了，我只好打个酱油了。
用什么引用什么，这个习惯我觉得很好。
有很多站，引用了一大堆框架、iconfont，但其实只用到了九牛一毛，实在浪费。
听说破袜子要自创主题了？
屌屌屌
以前就弄过啊,但是不小心被挂了马,导致换了服务器和域名.
写主题不难,只是比较麻烦.但只有自己弄的才是最适合的.
弱弱的问一下，这个自定义字体放WP后确定没安装这奇异字体的人也都能看见？
是的.这个字体文件里就只有你定义好的几个字,并不大.而我的方法是把这些字体放在你的服务器上,这样浏览器会先下载字体再去套用格式表.
教程里用到的5种字体基本能够涵盖到目前的主流浏览器.
你这字体就做了三个字吧。。。。
是的。教程用的例子是八个字。
你的logo是文字吗？这样很有个性
是文字。你可以复制粘贴试试。
博主你的博客的第二个字读什么？
第一步，选中，第二步，复制，第三步，粘贴到百度并搜索。
深入骨髓的博客爱好者，开始研究个性化的字体了！
看到别人有的，自己也要弄个试试。好奇心与争胜心作祟而已。
想看看你的新主题是啥样。
做了总是要见人的。再有一个月就差不多好了。
曾经也想过折腾一个，不过不知道自己想要怎么样的字体，又没啥美术艺术细胞，放弃了。
多尝试呗.毕竟不是学美术的.
简直高端！