如何在CSS中为Android设备指定内置Roboto Condensed字体？

我之前也踩过类似的坑，Android系统对内置Roboto Condensed字体的调用确实有一些需要注意的细节，试试这个正确的写法：

font-family: 'Roboto Condensed', sans-serif;

为什么之前的写法不生效？ #

• Android系统对字体名称的匹配很严格，Roboto Condensed是该字体的官方全名，你尝试的Roboto-Condensed、RobotoCondensed都是错误的命名，系统自然识别不到
• 你用font-stretch: condensed搭配Roboto主字体的思路行不通，因为Roboto和Roboto Condensed是两个独立的字体文件，并非同一字体的拉伸变体，这个属性没法触发调用窄体版本
• 带引号的"Roboto Condensed"写法本身是对的，但部分定制ROM或旧版本Android可能存在识别问题，加上sans-serif作为后备能保证极端情况下降级到系统默认无衬线字体

兼容苹果+Android的完整写法 #

要同时适配苹果设备的AvenirNextCondensed-Medium和Android的Roboto Condensed，可以这样写，让系统自动优先匹配内置字体：

font-family: AvenirNextCondensed-Medium, 'Roboto Condensed', sans-serif;

苹果设备会优先加载AvenirNextCondensed-Medium，Android设备则会匹配Roboto Condensed，如果两者都不可用，就 fallback 到系统默认的无衬线字体，保证显示效果的一致性。

小技巧验证 #

如果还是不确定是否生效，可以用Chrome DevTools远程调试Android设备，查看元素的Computed样式面板，检查实际应用的字体名称，确认系统是否正确加载了Roboto Condensed。

内容的提问来源于stack exchange，提问作者Tomasz P. Szynalski