技术栈
font-face
Irene1991
23 天前
swap
·
font-face
·
font-display
@font-face设置自定义字体文件，font-display: swap； 是 Web 性能优化的最佳实践
CSS的@font-face规则允许网页加载自定义字体，突破系统字体限制，实现跨平台视觉一致性。其核心语法包含font-family（自定义字体名）、src（字体文件路径）、font-weight（字重）等属性，支持WOFF2/WOFF等格式。
逆境清醒
2 年前
前端
·
css
·
font-face
CSS @规则(At-rules)系列详解___@font-face规则使用方法
本文目录：零、时光宝盒一、CSS@font-face规则定义和用法二、@font-face语法三、@font-face使用方法例子
艾恩小灰灰
2 年前
前端
·
css
·
css3
·
font
·
font-face
·
自定义字体
·
网络字体使用
深入解析CSS3 @font-face 规则：自定义与网络字体全面指南
CSS3的@font-face规则为网页设计开辟了全新的天地，允许开发者引入自定义字体以及网络字体资源，极大丰富了网页的视觉表现力与品牌一致性。本文不仅将详细解析@font-face规则的工作原理、关键属性，还将指导您如何在实际项目中应用自定义字体，并特别阐述如何引用第三方网络字体服务提供的字体资源，辅以代码示例，助您全面掌握自定义与网络字体的使用技巧。
我是有底线的