首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

TTF、TOF、WOFFWOFF2 的相关概念

但其实那不是最优解决方案,因为字体文件不止有 TTF 格式,常见的字体格式还有 OTF、WOFFWOFF2 等。...WOFF 本质上是包含了基于 sfnt 的字体(如 TrueType、OpenType 或开放字体格式),且这些字体均经过 WOFF 的编码工具压缩,以便嵌入网页中。...其兼容性如下: [image-20220130224605119] WOFF2 WOFF 2 标准在 WOFF1 的基础上,进一步优化了体积压缩,带宽需求更少,同时可以在移动设备上快速解压。...与 WOFF 1.0 中使用的 Flate 压缩相比,WOFF 2.0 是使用 Brotli 方法进行的压缩,压缩率更高,所以文件体积更小。...WOFF 字体比 TTF 字体有更小的体积和更好的表现性。 WOFF 2 字体是对 WOFF 字体的升级。

1.6K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Nginx无法加载.woff .eot .svg .ttf等字体文件的解决办法

    很久之前写过windows20008服务器无法加载woff文件的问题,文章是:解决网站部署svg/woff/woff2字体404错误的方法,今天来说下Nginx无法加载woff的问题,我目前使用的是程序是...lnmp,宝塔控制面板,使用的TP5,但是在后台访问的时候无法加载woff文件,页面提示502 bad gateway,使用f12查看开发者信息,所有的woff都是502,所有页面的小图片均已无法显示,...(gif|jpg|jpeg|png|bmp|swf|eot|otf|ttf|woff|woff2|svg)$     {         expires      30d;         error_log... /dev/null;         access_log /dev/null;     } 注意,配置文件是存在的,仅仅需要添加其中的“|eot|otf|ttf|woff|woff2|svg”后缀即可...,允许.woff等后缀文件进行跨域显示。

    5.3K20

    woff字体图元结构剖析,自定义字体的制作与匹配和识别

    在上次从css的@font-face提取出字体URL链接时,就包含了eot和woff两种格式。鉴于woff字体更容易被分析,所以我们上次选择了只下载woff字体格式,今天这篇文章也一样。...我们使用上次下载的address.woff文件作为已知训练集,然后将shopNum.woff字体文件的轮廓图,进行一定的乱序处理,看看能否正确的提取出需要的文字。...首先使用FontCreator.exe打开shopNum.woff字体文件,然后修改轮廓图顺序。 最终在我一顿操作后,形成下面的顺序: 再将字体导出为random.woff。...那么我们能否通过address.woff文件和已知字符列表作为训练集,正确匹配出random.woff文件每个Unicode代码点对应的字符呢?...作为训练集,random.woff是要处理的目标字体。

    7.6K20
    领券