添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
相关文章推荐
重感情的大象  ·  和我一起学 ...·  3 年前    · 
打篮球的自行车  ·  十九、.net ...·  3 年前    · 
酒量小的火腿肠  ·  Owl Carousel - ...·  3 年前    · 
仗义的沙滩裤  ·  日期加一年 SQL_sql ...·  3 年前    · 

WOFF(Web Open Font Format)是一种用于网页里的字体格式,支持OpenType和TrueType,可以使用zlib或是Zopfli来压缩字体,大大地减少服务器传递字体时损耗的网络流量。WOFF2(WOFF 2.0)是比较新颖的字体格式,拥有比WOFF还要更好的压缩能力,使得字库案变得更小、更易于传输!如果想要在网页里,通过CSS的@font-face功能来外嵌网络字体(Web Font),十分建议使用WOFF字体格式来达成。

OpenType和TrueType、OTF和TTF

TrueType是一种要曲线来描绘字体的字体格式,标准的扩展名为TTF。OpenType是可以同时使用PostScript(为一种创建矢量图形的编程语言,有许多良好的特性非常适合用于排版输出)或是TrueType的字体格式,标准的扩展名为OTF。

以下例子均以17.3MB的NotoSansCJKtc-Regular.otf来做转档例子。

将OTF或是TTF文件转成WOFF

sfnt2woff

在Linux上要将字体转换成WOFF,可以直接使用woff-tools套件内的sfnt2woff指令来完成。如果是使用Ubuntu或是其他基于Ubuntu的Linux发行版,可以直接使用以下指令来安装woff-tools:

sudo apt install woff-tools

安装之后,就可以使用sfnt2woff指令来将字库案转成WOFF格式,使用方式如下:

sfnt2woff {来源字库案路径}

举例来说,若要将目前工作目录中的NotoSansCJKtc-Regular.otf转成NotoSansCJKtc-Regular.woff,指令如下:

sfnt2woff NotoSansCJKtc-Regular.otf

运行后要等个几秒钟,就会在工作目录产生转换好的NotoSansCJKtc-Regular.woff文件。

sfnt2woff指令会使用zLib来压缩字体,NotoSansCJKtc-Regular.woff的文件大小为14.4MB,比起原先的17.3MB,还小了约16.7%。若是使用Zopfli来压缩字体,可以获得更好的压缩结果。

sfnt2woff-zopfli

至于要如何制作Zopfli压缩的WOFF字库案,就要使用别的工具才行了。sfnt2woff-zopfli是个不错的开源工具,可以将OTF或是TTF文件使用Zopfli压缩来转成WOFF字库案。如果是使用Ubuntu或是其他基于Ubuntu的Linux发行版,可以直接使用以下指令来安装sfnt2woff-zopfli<>:

sudo apt install sfnt2woff-zopfli

sfnt2woff-zopfli指令的用法和sfnt2woff相同,如下:

sfnt2woff-zopfli {来源字库案路径}

将NotoSansCJKtc-Regular.otf转成NotoSansCJKtc-Regular.woff,可能会需要几分钟的时间,比sfnt2woff还缓慢许多。最后产生出来的NotoSansCJKtc-Regular.woff,文件大小为14.3MB,比起原先的17.3MB,还小了约17.3%,效果比用zLib压缩的sfnt2woff指令还好一点点。

将OTF或是TTF文件转成WOFF2

在Linux上要将字体转换成WOFF2,可以直接使用woff2套件内的woff2_compress指令来完成。如果是使用Ubuntu或是其他基于Ubuntu的Linux发行版,可以直接使用以下指令来安装woff2:

sudo apt install woff2

woff2_compress指令的用法和sfnt2woff相同,如下:

woff2_compress {来源字库案路径}

将NotoSansCJKtc-Regular.otf转成NotoSansCJKtc-Regular.woff2,可能会需要花上几分钟的时间,比sfnt2woff甚至是sfnt2woff-zopfli还缓慢许多。最后产生出来的NotoSansCJKtc-Regular.woff2,文件大小为12.1MB,比起原先的17.3MB,还小了约29.8%,效果卓越。

如果使用一般压缩软件来压缩字体的话,比如使用rar并加上-ma5 -m5参数,来达成将字体压缩成最小的NotoSansCJKtc-Regular.otf.rar,得到的文件大小为12.7MB,还比能直接进行字体套用的WOFF2字体格式文件还要大!各大浏览器现都支持WOFF2了,如果有用到网页字体的话,强烈建议直接使用WOFF2。

WOFF(Web Open Font Format)是一种用于网页里的字体格式,支持OpenType和TrueType,可以使用zlib或是Zopfli来压缩字体,大大地减少服务器传递字体时损耗的网络流量。WOFF2(WOFF 2.0)是比较新颖的字体格式,拥有比WOFF还要更好的压缩能力,使得字库案变得更小、更易于传输!如果想要在网页里,通过CSS的@font-face功能来外嵌网络字体(Web...
日常开发 网页 经常会使用一些特殊字体,比如思源黑体、苹方字体等,因为这些字体在一般的宿主环境中是不存在的,需要通过 css 的 @font-face 定义,并从服务器中加载对应的字体 文件 ,而字体 文件 一般都是比较大的,甚至有时候一个字体比其他所有的资源(js、css、图片)加起来还要大,对 网页 的加载性能起到非常关键的影响,因此有必要对字体进行一些优化。 本文主要从字体格式、按需提取、统一渲染三个方面来谈谈优化字体的常用技巧。 转换字体格式 现在是 1202 年了,各主流设备基本都支持 woff2 字体格式,
使用软件为FontCreator,我这里用的版本为12,官网为http://www.high-logic.com/,是收费软件,但是有pojie版。 1.打开FontCreator,将 ttf 文件 拖到FontCreator打开。 2.菜单项选择Font=》Properties,打开Font Properties弹窗。 3.在弹窗里面看到有几个子标签页,其中Identification标签页里面的 Font Family即为字体的英文名,自行修改成自己需要的值。 4.在Custom标签页里面,可以看到.
2.创建字体 文件 夹 将字体 文件 夹放置在 Linux 系统的默认字体路径/usr/share/fonts/下,并创建一个新的子 文件 夹(以名称命名),将下载的字体 文件 复制或移动到该子 文件 夹中。 3.刷新字体缓存 使用以下命令刷新系统字体缓存:sudo fc-cache -f -v 该命令将刷新所有的字体缓存,并显示所有已被安装的字体信息。 4.检查安装情况 使用以下命令查看是否已成功安装所需的字体:fc-list | grep "字体名称" 运行该命令,应该可以看到字体名称的列表。如果没有看到,则需要检查所下载的字体 文件 是否正确放置到字体 文件 夹中。 总结来说,安装字体库的过程非常简单,只需要将字体 文件 放置在指定的 文件 夹中,并刷新字体缓存即可。在 Linux 系统下,用户也可以通过软件包管理器安装特定字体的软件包来快速安装所需字体。