object标签不能用于嵌入外部字体文件，因其语义和机制不支持字体加载；@font-face是唯一标准且可控的字体引入方式。
object 标签不能用于嵌入外部字体文件——它根本不是干这个的。
浏览器不会把 object 当作字体加载入口，也不会解析其中的内容为字体资源。你用它加载 .woff2、.ttf 或 CSS 文件，只会触发下载失败、404、CORS 报错，或者干脆静默忽略。这不是兼容性问题，是语义和机制错配。
@font-face 是唯一正解路径
所有现代浏览器只通过 CSS 的 @font-face 规则识别并加载自定义字体。这是标准且唯一可控的方式。
-
@font-face必须写在 CSS 中（<style></style>或外链 .css），不能放在 HTML 标签属性里 -
src指向的字体文件路径必须相对于 CSS 文件位置，不是 HTML 文件 - 推荐按顺序声明多种格式：
url('fonts/inter.woff2') format('woff2'),url('fonts/inter.woff') format('woff'),url('fonts/inter.ttf') format('truetype') - 每个字重（400、700）应单独一个
@font-face块，font-weight和文件需严格对应 - 一定要加
font-display: swap，否则文字会白屏（FOIT），尤其影响表格、卡片等首屏内容
@font-face {
font-family: 'Inter';
src: url('fonts/inter-v3.woff2') format('woff2'),
url('fonts/inter-v3.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
<link rel="stylesheet"> 只适用于 Google Fonts 等托管服务
如果你用的是 Google Fonts、Adobe Fonts 或字蛛生成的 CSS 地址，才用 <link>：
-
<link href="@#@#@#@#@#@#@#@#@#@0" rel="stylesheet"> -
display=swap必须出现在 URL 参数里，不是写在 CSS 里 - 这个
<link>必须放在所有用到该字体的 CSS 之前（比如早于<style></style>或外链主样式表） - 字体名必须完全一致：Google Fonts 页面显示
"Inter"，你就得写font-family: "Inter", sans-serif，不能少引号、不能大小写混用
为什么有人误试 object？
可能混淆了以下几种情况：
- 把
object和embed（已废弃）、iframe（只能载页面，不载字体）搞混 - 看到某些旧文档用
object data="font.ttf"尝试“预加载”，但实际无效，浏览器不解析 - 本地开发时用
file://协议打开 HTML，字体因 CORS 被拦，误以为换标签能绕过（实则不行，必须起本地服务器或用 CDN）
真正卡住的地方永远是：字体没加载成功，而不是“用了什么标签”。检查 DevTools → Network → 过滤 font，看请求是否 200、是否 pending、是否有跨域提示——这才是第一排查点。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
