应通过广告容器的class或id设置font-family并确保字体栈完整，iframe内广告无法用CSS控制，JS补救需注意时机和作用域，同时调整line-height等样式防布局错位。
直接改广告区域的 font-family，别碰 <font></font> 标签——它早被浏览器无视了，硬写进去也没用。
广告容器必须加 class 或 id 才能精准控制字体
广告位通常是第三方代码（如 Google AdSense、百度联盟）注入的 <div> 或 <code><ins></ins>，它们自带内联样式或 iframe，无法直接改里面文字。所以你只能控制「广告容器」本身的字体继承行为，或在广告加载后用 JS 补救。
- 给广告外层
<div id="ad-banner"> 加明确 class，比如 <code>class="ad-font" - 在 CSS 中写：
.ad-font { font-family: "Microsoft YaHei", sans-serif; }，并确保该规则没被更高权重的样式覆盖 - 如果广告内容在 iframe 里（常见于横幅广告），你无法用 CSS 影响其内部字体——这是同源策略限制，JS 也读不到
- 某些广告平台允许传参指定字体类名，查文档看有没有
data-font-class这类配置项 - 中文字体栈推荐顺序：
"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif - 英文名带空格或中文名，必须用英文双引号包裹，否则 Safari 和旧版 Chrome 会忽略整条声明
- 避免用
font-family: SimSun;这种不带引号的写法——Windows 下可能生效，macOS/Linux 下大概率失效 - 如果广告含数字/符号，确认 fallback 字体支持 Unicode 基本多文种平面（BMP），否则货币符号、百分号可能乱码
- 监听广告容器是否已渲染：
const adEl = document.getElementById("ad-banner"); if (adEl.innerText) { ... } - 不要直接改
adEl.style.fontFamily——这会覆盖所有子元素原有字体设置；应改adEl.style.setProperty("font-family", "...")并加!important（慎用） - 更稳妥的做法是插入临时 style 标签：
const style = document.createElement("style"); style.textContent = "#ad-banner * { font-family: var(--ad-font) !important; }"; document.head.appendChild(style); - 若广告由异步脚本注入，需用
MutationObserver监听新增节点，而非靠定时器轮询 - 广告容器务必设
line-height: 1.4或固定值（如line-height: 24px），别依赖字体默认值 - 图片广告旁的文字描述，用
display: flex; align-items: center;替代vertical-align: middle;，后者对新字体兼容性差 - 测试时打开浏览器开发者工具，选中广告元素，手动切换
font-family看布局是否抖动——有抖动就得加min-height或height容错 - 移动端尤其注意：iOS Safari 对某些中文字体的
font-metrics计算不准，导致line-height失效，可加padding-top微调视觉居中
font-family 字体栈必须写全，否则中文广告可能显示方块
只写 font-family: "PingFang SC"; 是危险的：用户没装这个字体，又没提供 fallback，就会回退到系统默认等宽字体，中文广告常变“□□□”。
用 JavaScript 动态补救广告字体（仅限同源或可访问 DOM 的情况）
部分广告 SDK 会在加载完成后触发回调，或把广告内容写入页面 DOM（非 iframe）。这时可用 JS 主动重设字体，但要注意时机和作用域。
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
立即学习“前端免费学习笔记（深入）”；
广告字体变化后，行高和对齐容易错位
换字体不只是换字形，不同字体的 line-height、vertical-align、字宽差异会导致广告卡片高度突变、按钮下沉、文字截断。
真正难的不是改那个 font-family 值，而是确认广告内容到底在哪个 DOM 层级、能否被你的 CSS 触达、以及换完之后整个广告区块会不会因为字体度量变化而崩掉结构。很多问题不是字体没生效，而是生效了但其他样式没跟上。
