html5字体的格式转换,一个很好关于字体格式转换的网站

今天,程序突然给我们列出了下面的内容让我们提供一下对应的文件,说是突然呢,因为之前从来都没给过没研究过,所以第一次见到有点懵。

a0680c8deb8c718d2f614459ec2db6b8.png

这些格式平时我们下载添加字体的时候多多稍稍会和他们打个照面,但那时的需求我们很简单“因为某种原因缺少字体了,我需要下载安装”,所以没有深扒这些字体格式的区别,所以这次碰到这个需求就趁机补一下知识好了。

字体格式介绍

目前最主要的几种网络字体(web font)格式包括WOFF,SVG,EOT,OTF/TTF。

WOFF

WOFF是Web Open Font Format几个词的首字母简写。这种字体格式专门用于网上,由Mozilla联合其它几大组织共同开发。WOFF字体通常比其它字体加载的要快些,因为使用了OpenType (OTF)和TrueType (TTF)字体里的存储结构和压缩算法。这种字体格式还可以加入元信息和授权信息。这种字体格式有君临天下的趋势,因为所有的现代浏览器都开始支持这种字体格式。

【支持的浏览器:IE9+,Firefox3.5+,Chrome6+,Safari3.6+,Opera11.1+】

SVG / SVGZ

Scalable Vector Graphics (Font). SVG是一种用矢量图格式改进的字体格式,体积上比矢量图更小,适合在手机设备上使用。

【支持的浏览器:Chrome4+,Safari3.1+,Opera10.0+,iOS Mobile Safari3.2+】

EOT

Embedded Open Type。这是微软创造的字体格式。这种格式只在IE6-IE8里使用。

【支持的浏览器:IE4+】

OTF / TTF

OpenType Font 和 TrueType Font。部分的因为这种格式容易被复制(非法的),这才催生了WOFF字体格式。然而,OpenType有很多独特的地方,受到很多设计者的喜爱。

【支持的浏览器:IE9+,Firefox3.5+,Chrome4+,Safari3+,Opera10+,iOS Mobile Safari4.2+】

【 以上「字体格式介绍」出自于

作者:dkvirus

已获得转载授权

65815f29610b7500d8ee27bc7fb470fa.png

推荐转字体格式的网站:

最佳:

(99%的可能成功,没有的百分之一是因为还没有遇到过不能转换的,但不排除这个可能)

816deb7e41fc6ad0687a91ab972c7700.png

其他网站:

(国内的网站,正常来说应该是可以转的,奈何我转成功一个后,之后的字体拖进去转都显示出错,不知道是字体文件的问题还是什么其他问题)

66777cb72b2f54fa936f68bffff62ba2.png

(好像也是国内的网站,成功率也是看文件,比上一个 Fontke 要高,但是因为有个文件转换时一直出现404,所以我只好另找网站)

521d8665109189ceb21969fde04508f7.png

有关 cloudconvert 的使用

一开始有点懵,后来转了两次之后就知道他是什么逻辑了

这里写下常用的操作

1.初始界面是这样的

f3fcc6e96ea2655d8168808344775ee8.png

2.这里可以选择从某格式转到某格式,(突然发现这个网站还支持蛮多格式转换的,至于其他比如视频转换好不好用或者收不收费这次就暂时不研究了。)

这里想说的是,一开始就选其实根本没什么用…因为发现无论如果你选了font-eot,之后你往里面拖进了font-tff文件,它其实会帮你自动识别到tff…..所以这里「anything to anything」应该不是让我们选的,而是可以了解网站可以支持哪些转换。

9306103ca60609f26a53f3064b38bb9c.png

3.选择需要转换的文件

b2200756266824510002b230668b188a.png

4.也可以在这里选择需要转换的格式

d1f3d11aa58bbdfc293db351e43a9295.png

5.点击转换后,等待转换下载就可以(他们家网站转换过程还是蛮快的,要是慢的话估计我性子就要耗没了)

08440621bfbee95f5dbc4cf82a6bb1f1.png

6.Over

66d8e0eafcd60b420e696f5f2b310df0.png

谢谢阅读!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值