[blog-MT-06] - 将 TTF 字体压缩至几百 KB 的 woff2 字体, 一套网页字体轻量化的完整解决方案
TTF 格式的字体文件通常有十几 MB, 直接用在网站上会严重拖慢加载速度。本文记录了一套完整的字体优化流程: 从原始 TTF 字体出发, 通过子集化 (subsetting) 与 woff2 压缩, 最终输出体积仅为几百 KB 的网页字体。
- #字体优化
- #woff2
- #经验分享
- #web
Tag
共 14 篇文章 ——← 全部标签
TTF 格式的字体文件通常有十几 MB, 直接用在网站上会严重拖慢加载速度。本文记录了一套完整的字体优化流程: 从原始 TTF 字体出发, 通过子集化 (subsetting) 与 woff2 压缩, 最终输出体积仅为几百 KB 的网页字体。
介绍 IP 协议的作用与 IPv4 首部各字段, 说明首部校验和的计算方法, 并给出 FPGA 中用 Verilog 实现 IP 数据报收发的代码。
记录用 Docker 部署 Umami 数据统计服务的过程, 包括修改 docker-compose 配置、初始化数据库、进入后台并接入博客统计脚本。
记录把域名解析到宝塔面板, 并通过反向代理去掉访问端口号的配置过程, 同时整理 SSL 证书申请与浏览器缓存导致的踩坑记录。
介绍如何用 Cloudflare Pages 托管博客静态资源, 从导入 Git 仓库、配置构建设置到自动部署与访问域名绑定的完整步骤。
记录从配置 Node.js 环境到安装 Hexo、初始化项目并生成静态页面的建站过程, 同时说明与 Astro 建站的差异和注意事项。
SPI 是典型的同步串行通信接口, 本文从四线式与三线式接线讲起, 说明 SCLK、MOSI、MISO、CS 信号的作用和主从通信时序, 并记录 FPGA 上的 Verilog 实现思路。
MDIO 是以太网 PHY 芯片的寄存器配置接口。本文介绍 MDC/MDIO 接线、读写帧格式与时序细节, 并给出 FPGA 中配置 PHY 芯片的 Verilog 实现。
从 UART 的异步通信原理出发, 介绍 TXD/RXD 交叉接线、起始位与停止位、奇偶校验和波特率, 并给出 FPGA 串口发送与接收模块的 Verilog 实现。
ARP 协议用于根据 IP 地址查找对应的 MAC 地址。本文介绍 ARP 请求与应答流程、报文格式, 并给出 FPGA 上 Verilog 实现 ARP 通信的代码。
介绍以太网帧的完整结构, 包括前导码、SFD、目的与源 MAC 地址、长度与类型、数据段、FCS 和帧间隙, 并附上 Verilog 收发实现代码。
RGMII 采用双边沿传输数据, FPGA 只采上升沿会丢数据。本文说明如何用 Xilinx IDDR 与 ODDR 原语完成 RGMII 与 GMII 之间的互相转换。
从 MAC 与 PHY 的分工讲起, 梳理以太网通信的硬件组成, 并对比 GMII 与 RGMII 接口的引脚数量、时钟频率和适用场景。
记录点阵字库数据的生成方法, 以及把字库按偏移地址烧录到 W25Q 系列 Flash 芯片的完整流程, 包含 GBK 编码计算与程序实现思路。