内联样式（style属性）最直接但不宜滥用，应优先用CSS类名+语义化命名+CSS变量统一管理字体，兼顾兼容性、可维护性与多端适配。
用
写内联样式最直接，但别滥用
改字体样式最没歧义的方式，就是给元素加
属性。比如
。它优先级高、即时生效，适合临时调试或单页小改动。
但问题也明显：样式和结构混在一起，改十个地方就得写十次；换主题时几乎没法批量调整；还容易漏掉响应式适配。
别在
里写
，除非你清楚后续所有 CSS 的层叠顺序
值要按“首选字体→备选字体→通用族”写全，比如
像素单位（
）在移动端不灵活，小屏上文字可能太小，优先考虑
或
CSS 类名控制字体比行内样式更可持续
把字体规则抽成类，比如
、
，再在 HTML 里用
组合使用。这样改一处 CSS 就能影响所有同类文本，也方便复用和测试。
常见陷阱是类名起得太“描述性”，比如
—— 一旦设计稿改成深蓝、字号调到 15px，这个类名就失效甚至误导人。
立即学习
“
前端免费学习笔记（深入）
”；
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
推荐语义化命名：
、
、
字体粗细别只靠
，Web 字体往往有多个字重文件（如 300/400/500/700），直接写数字更可控
中文字体加载慢，可加
防止文字闪白或长时间空白
全局字体设置用
或
最稳妥
想统一整站默认字体，别只改
，还要考虑表单控件（
、
）、代码块（
）、按钮等元素的继承行为。现代做法是在
定义 CSS 变量，再让各组件引用。
例如：
然后在
或
上设
。
、
默认不继承
字体，必须显式声明
Firefox 对
支持更严格，开启连字或替代字形前先查兼容性
系统字体栈里别漏掉
（Chrome/macOS）和
（Win10+）
字体加载失败时 fallback 要真实可用
很多人写
，以为
就万事大吉。实际上不同系统默认的
差异很大：macOS 是 San Francisco，Windows 是 Segoe UI，Linux 常是 DejaVu Sans —— 字号、字宽、行高都可能突变。
真正可靠的 fallback 是列出具体系统字体，并以通用族收尾。而且得测试：断网、禁用字体、旧浏览器下是否还能读。
中文务必包含至少一个本地字体，比如
避免用
当正文 fallback，它的字符宽度固定，段落会难读
如果用了 Web Font，记得监听
失败后降级显示
字体这事看着简单，但跨设备、跨浏览器、跨加载状态的表现差异极大。最容易被忽略的是表单控件和 SVG 文本的字体继承，它们常常静默地用回浏览器默认值，而不是你写的那套 CSS。
stylestylestyle!importantfont-family'PingFang SC', 'Hiragino Sans GB', sans-serifpxremem.text-sm.font-serifclass="text-sm font-serif".red-14px-bold.headline.caption.body-copyfont-weight: boldfont-display: swap:rootbodybodyinputtextareapre:root:root {
--font-main: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
--font-mono: 'SFMono-Regular', 'Consolas', monospace;
}bodyhtmlfont-family: var(--font-main)buttoninputbodyfont-feature-settingsBlinkMacSystemFontSegoe UIfont-family: "Custom Font", sans-serifsans-serifsans-serif"Noto Sans CJK SC", "Microsoft YaHei", sans-serifmonospacedocument.fonts.load()