css引入本地字体文件,关于css中引入字体文件

关于css中引入字体文件

css样式代码：

@font-face {

font-family: Lovelo-Black;//定义font的名字

src: url(font/Lovelo Black.ttf);//把下载的字体文件引入进来

}

由于引入的中文字体文件过大，所以要对字体文件进行瘦身工作。英文的还好处理(几十个字符)，汉字就很麻烦了(几千个字)。

先下载一个你需要的ttf字体文件，然后用FontCreator工具，将不需要的汉字全部删除，再保存，ttf文件就小了很多，一般几十KB。

如果保留的汉字比较少，上面筛选删除的方法还是很不方便。

如果只要保留想要的汉字的话，就麻烦些了。

思路：只有用笨方法了，就是打开两个ttf字库，另一个里面将汉字全部删除，然后通过复制粘贴的方法，将需要的字从另一个ttf里面拷贝过来。然后保存就OK了。

操作流程：

1. 下载自己喜欢的ttf字体文件；

2. 下载并安装FontCreator；

3. 打开两次ttf字体文件；

4. 将要优化的那份选中不要的字，右键->删除；

5. ctrl+f查找，选择“映射”选项，选择Microsoft Unicode BMP Only，在右边框框中输入要查找字的Unicode码，记住前面一定要带"$"，例如：“$8C46”->查找；

里面查找字符时根据其Unicode码来查找的，提供一个Unicode码的转换工具网站：

只要输入汉字->中文转 Unicode，就可以得到对应的汉字的Unicode码了。

6. 在需要粘贴的ttf字库中选择插入->字形；

7. 从一个字库复制查找到的字->选中刚才产生的字形框->Ctrl+ALT+V(注意不是Ctrl+V)->弹出的对话框中勾上最后的勾->确定，如此反复，把所有的需要的字都拷贝过去了，然后保存就OK了。

css引入本地字体文件,关于css中引入字体文件相关推荐

python jupyter notebook怎么调字体大小_jupyter notebook中显示字体如何调整？
如何调整Jupyter Notebook样式? 1. 安装网页插件Stylus 该方法与许大森的回答相同,即安装Chrome插件Stylish(此插件已经下架,请使用同作者的替代插件Stylus),然 ...
matlab中取文件名函数,matlab从文件夹名中获取该文件夹下所图像文件名
matlab从文件夹名中获得该文件夹下所图像文件名 function [s,nameC]=get_FileNameFromFolderPath(path) % 函数调用:[s,nameC]=get_F ...
matlab p文件转码 matlab pcode文件将matlab中的p文件转为m文件工具
matlab p文件转码 matlab pcode文件将matlab中的p文件转为m文件工具源码可见,解密P ID:22600679158222577美丽小飞侠大队
word2013插入excel对象报错_excel插入对象文件夹 Excel2013中插入对象文件的方法
excel插入对象文件夹 Excel2013中插入对象文件的方法,最近到了季度汇报的时候,掌握一手excel技能在此刻显得多么重要,为了是你的excel看起来更高大上,今天教大家设置excel插入对象 ...
matlab从文件夹名中获得该文件夹下所图像文件名
function [s,nameC]=get_FileNameFromFolderPath(path) % 函数调用:[s,nameC]=get_FileNameFromFolderPath(path ...
app css导入字体大小,app设计中的字体行高
参考文章:https://www.jianshu.com/p/23963b31915d 在ui设计的过程中由于字体行高的导致设计的还原出现问题的地方挺多的. 例如我再sketch中设计两个16px的字 ...
html页面icon字体无法显示,bootstrap中icon字体图标怎么不显示？
bootstrap中icon字体图标怎么不显示?下面本篇文章给大家介绍一下Bootstrap字体图标不显示问题.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 问题: bootstr ...
引入 javascript_在您JavaScript项目中引入类型安全性？再想一想
引入 javascript by James Wright 詹姆斯·赖特(James Wright) 在您JavaScript项目中引入类型安全性? 再想一想 (Introducing Type Sa ...
python 写文件换行_python中写入txt文件需要换行,以及\r 和\n
原博文 2019-09-25 16:16 − 在Python中,用open()函数打开一个txt文件,写入一行数据之后需要一个换行如果直接用 f.write('\n')只会在后面打印一个字符串'\n ...
html5字体修改webview,WebView中修改字体
一般情况下我们做加载网页都是返回一个url,我们进行加载.各种各样的样式都已经在网页中做了处理.但是,也会碰到一些情况,需要我们加载代码片段.还有修改一些样式,比如:修改网页中的字体.当然,本文中的修 ...

css引入本地字体文件,关于css中引入字体文件

css引入本地字体文件,关于css中引入字体文件相关推荐

最新文章

热门文章