关于特殊字体

被特殊字体搞到心碎，中文哪里有那么复杂，就不能做成英文样，字母组成，中文就来笔划呀！哪位大神来实现下吧！

好吧，来说下我今天尝试来下搜索来特殊字体出现最多的是字蛛这个玩意吧，我看了很多很多博客，写的都是千篇一律，就是复制了！

特殊字体，本质是建一个自己的字体小库，只转换自己的要的字，英文字母和数字来个特殊字体完全没有问题的！开心到不要不要的！

这个玩意是有压缩功能！实际上有不有，我不知道！

第一步，找到他的地址：  http://font-spider.org/#use

 

下载到自己的电脑，mac电脑请在下面的命令前加上sudo

npm install font-spider -g

安装完那些玩意都不用看！自己新建个项目，建font文件夹，css什么的都没什么问题，在font里面放字体文件只要有ttf格式的，软件会自动给你生成其他文件的字体

页面上写上你需要的中文字，引css，css里定义字体

@font-face {
    font-family: 'zhaozi';
    src: url('../font/zhaozi.ttf');
    src:
            url('../font/zhaozi.eot?#font-spider') format('embedded-opentype'),
            url('../font/zhaozi.woff') format('woff'),
            url('../font/zhaozi.ttf') format('truetype'),
            url('../font/zhaozi.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*使用选择器指定字体*/
.myfont{
    font-family: 'zhaozi';
}
其实如果你使用的编译器是webstore，根本不会出现人家说运行地址问题的，在编译器里面输入命令，没有寻找文件路径的问题

font-spider 文件名.html  就会自动生成相应的小型字体库！

用之前我也很迷糊，看着官网都头晕，其实真的很简单，仅此而已！！！！

 

转载于:https://www.cnblogs.com/zlzhang0305/p/8747370.html