需求
客户要求首页使用字体,分别为中文和英文格式
首页是基于H5的一个公众号
问题
客户给的字体较大,有两个格式的,分别是中文和英文的.单个都超过了10M,
如果未压缩,因为在首页,访问的次数多,会造成服务器资源紧张,
准备工作
-
下载好完整版客户提供的的.ttf文件。
-
下载好font creator字体编辑器。
开始操作
-
在font creator中打开完整版字体文件。
-
在font creator中新建瘦身版文件。
-
在新建瘦身版文件中新建字符。
按照以下步骤执行
可以看到我们刚刚建立的文字.
可以一次性添加多个文字,一二步可以重复操作
4:去完整版字体文件搜索你需要的字,将需要的字复制新建瘦身版文件中
ctrl+f搜索,然后ctrl+c复制
5:复制到我们第三步中创建的空白处粘贴
6:最后导出格式即可
以下是每个字体的区别,这里我们导出woff格式即可
TTF:TrueType
Windows和Mac系统最常用的字体格式,其最大的特点就是它是由一种数学模式来进行定义的基于轮廓技术的字体,这使得它们比基于矢量的字体更容易处理,保证了屏幕与打印输出的一致性。同时,这类字体和矢量字体一样可以随意缩放、旋转而不必担心会出现锯齿。
EOT :Embedded Open Type
EOT是嵌入式字体,是微软开发的技术。允许OpenType字体用@font-face嵌入到网页并下载至浏览器渲染,存储在临时安装文件夹下。
OTF:OpenType
OpenType是微软和Adobe共同开发的字体,微软的IE浏览器全部采用这种字体。致力于替代TrueType字体。
WOFF:Web Open Font Format
WOFF(Web开发字体格式)是一种专门为了Web而设计的字体格式标准,实际上是对于TrueType/OpenType等字体格式的封装,每个字体文件中含有字体以及针对字体的元数据(Metadata),字体文件被压缩,以便于网络传输。
SVG:Scalable Vector Graphics
SVG是由W3C制定的开放标准的图形格式。SVG字体就是使用SVG技术来呈现字体,还有使用gzip压缩格式的SVG字体。
参考文档.
ttf字体包瘦身,ttf字体包提取指定字体,缩小ttf文件体积。_苛学加的博客-CSDN博客_ttf字体瘦身 ttf瘦身操作
查看字符编码(简体中文) 查看字符编码