前言
svg2Font--Converts SVG to TTF/EOT/WOFF/WOFF2/SVG format.
TrueType
TrueType是由美国苹果公司和微软公司共同开发的一种计算机轮廓字体(曲线描边字)类型标准。这种类型字体文件的扩展名是.ttf
,类型代码是tfil
。
早在1980年代末,苹果公司为了对抗Adobe公司的Type 1PostScript字体,设计开发了TrueType。之后微软加入了开发,Windows操作系统的字体格式基本上都统一成TrueType,而在苹果的Mac OS却成了PostScript和TrueType对立的局面。TrueType后来也被Linux等系统使用,成为标准字体。TrueType的主要强项在于它能给开发者提供关于字体显示、不同字体大小的像素级显示等的高级控制。
在新开发的OpenType类型字体中,可以选择PostScript还是TrueType作为记述方式。
OpenType
OpenType,是一种可缩放字体(scalable font)计算机字体类型,采用PostScript格式,是美国微软公司与Adobe公司联合开发,用来替代TrueType字体的新字体。这类字体的文件扩展名有.otf、.ttf、.ttc
,类型代码是OTTO
,现行标准为OpenType 1.8.2。
OpenType也叫Type 2字体,是由Microsoft和Adobe公司开发的另外一种字体格式。它也是一种轮廓字体,比TrueType更为强大,最明显的一个好处就是可以在把PostScript字体嵌入到TrueType的软件中。并且还支持多个平台,支持很大的字符集,还有版权保护。可以说它是Type 1和ueType的超集。
OTF主要优点:
1)增强的跨平台功能
2)更好的支持Unicode标准定义的国际字符集
3)支持高级印刷控制能力
4)生成的文件尺寸更小
5)支持在字符集中加入数字签名,保证文件的集成功能
OTF——opentype 苹果机与PC机都能很好应用的兼容字体!
TTF——truetype PC机应用较好,苹果机兼容性很差!
06、07年开始OT全面普及,到现在,很多设计师已经不提供TT版本的作品了,市面上的TT都是历史遗留产。adobe在02年就把旗下产品全部换成OT
网页开放字体格式(WOFF)
WOFF (网页开放字体格式) 是由 Mozilla 与 Type Supply, LettError 及其他组织协同开发的一种新的网页字体格式。它使用了一种压缩版本,类似于 TrueType, OpenType, Open Font 所采用的 SFNT 结构,不过还添加了共用数据及用户私有数据结构,其中包括了自定义空间,其允许厂家和经销商提供许可证。
以下是使用 WOFF 的三个好处:
- 字体采用压缩格式,相对于使用不压缩的 TrueType, OpenType 的网站,将占用更少的带宽,获得更快的加载速度。
- 许多字体经销商并不愿意将 TrueType 或 OpenType 的许可证颁发给网站,他们更愿意颁发 WOFF 的许可证。这对于网站开发者来说将是一个福音。
- 无论是收费还是免费的浏览器厂家都喜欢 WOFF 格式,因此它很可能成为未来的主流与跨平台字体格式。
通过 @font-face
这个 CSS 属性来为你的网站使用 WOFF 字体。它的工作方式与 OpenType 和 TrueType 十分相似,除了因使用压缩技术而使你的内容更快地加载。
color fonts(扩展)
什么是颜色字体?
- 带来了多种颜色,色调,纹理和透明度
- 包括矢量形状,位图图像,甚至包括字体文件
彩色字体代表了数字排版的关键演变,在字体文件中引入了丰富的图形功能。由于采用了新的字体格式,彩色字体终于成为数百万广告素材的现实。
颜色字体可以影响任何类型的文本,因为它们可能包含任何类型的字符,包括表情符号和图标。
颜色字体有时被称为彩色字体,实际上颜色字体更准确,因为它们可能包括多色,灰色或甚至单色字符。
Resources:
SVG — The SVG (Scalable Vector Graphics) table
SVG & colors in OpenType fonts
OpenType 工具
opentype.js 是一个 OpenType 和 TrueType 字体解析器,检查原始字体元数据,glyph
拆分。