谁能告诉我大多数Android设备上的捆绑字体是什么,特别是网页?
就像Windows has their bundled fonts或Mac font lists一样,大多数Android手机和平板电脑都有什么字体?有人能在网上列出一个列表吗?
我正在制作网页,想把我的CSS设置成从使用新字体优雅地降级到只使用普通的“sans-serif”和“serif”字体家族。
谁能告诉我大多数Android设备上的捆绑字体是什么,特别是网页?
就像Windows has their bundled fonts或Mac font lists一样,大多数Android手机和平板电脑都有什么字体?有人能在网上列出一个列表吗?
我正在制作网页,想把我的CSS设置成从使用新字体优雅地降级到只使用普通的“sans-serif”和“serif”字体家族。
6条答案
按热度按时间0ve6wy6x1#
在Grstmo's answer基础上扩展:
system_fonts.xml定义了从font-family到实际字体文件的Map。
http://jsfiddle.net/9z3tD/4/ =〉x1c 0d1x(在安卓4.2上测试)
编辑:截图中的“Droid Sans”显然是Roboto,配置支持它,但结果是底层文件是一个simlink:一个月一次,一个月一次
编辑:我是否引用家族名称似乎并不重要(http://jsfiddle.net/9z3tD/9/呈现相同的),CSS区分通用关键字,如
serif
和引用的"serif"
,引用的字体名称碰巧是“serif”;但是XML配置没有区别,所以我猜在Android中,这两种语法都指的是名称为“serif”的字体。但是,如果你创建一个自定义WebView,并将其配置为将通用关键字Map到其他字体(setSerifFontFamily()
和朋友),可能会有区别。还有fallback_fonts.xml,它们没有名字;例如,你不能说
font-family: "Droid Sans Fallback"
。但是所有这些方法都可以尝试其他字体中的每一个缺失的字形,甚至可以使用
"elegant"
或"compact"
的font-variant
并通过设置文本lang="ja"
来选择一个子集?然而,我没有看到Droid Sans Fallback被使用,所以可能Fallback在WebKit中不起作用:-(
免责声明:以上适用于股票Android,使用股票浏览器和/或Chrome。我 * 相信 * 它也适用于WebView(默认配置),但还没有测试。
理论上,制造商可能会使用其他字体,例如,我听说三星这样做的传言。在实践中,screenshots on all android devices BrowserStack had所有-包括三星-看我未经训练的眼睛是Roboto或Droid,差异只是Android版本...然而,这里是Galaxy S3抓住不别名
Georgia
到serif
,所以 * 东西 * 不同。Firefox是一个很好的例子,说明浏览器的做法不同--他们切换到Open Sans and Charis SIL Compact,然后是replaced Open Sans with Clear Sans。
完整的配置文件位于libpref/init/all.js中,具体取决于语言。
据我所知,Firefox忽略了system_fonts. xml的别名,例如
Georgia
会导致sans字体。OTOH,旧版本(测试30,34)allowed you to refer to system fonts by name, even to Droid Sans Fallback,但此doesn't work on FF 36, 37(这2个结果是针对http://codepen.io/cben/pen/VYgPEE的,使用AdobeBlank意味着当您看到字符时,使用了该字体)。
另请参阅relevant answer了解应用可用的字体。
osh3o9ms2#
这里已经回答了这个问题:如何在android中检索可用/已安装字体列表?作为Android的一部分,只有3种字体可用;正常(Droid Sans)、衬线(Droid Serif)和等宽(Droid Sans Mono)。
r1zk6ea13#
在Android 4.1中,您可以使用此示例:
字体系列:无衬线浅色;
5sxhfpxr4#
http://www.granneman.com/webdev/coding/css/fonts-and-formatting/default-fonts/#android
显然,只有3种字体,你可以指定在4.0之前的Android:
我猜它们会转换为默认的CSS(即
sans-serif
、serif
、mono
)vcirk6k65#
我已经测试了一段时间,WebView有3种标准字体系列类型:
衬线、无衬线、等宽。
我一直在加载像下面的JavaScript(我已经尝试了不同的组合从http://www.w3schools.com/cssref/css_websafe_fonts.asp-表常用的组合):
因此,与以下代码没有差异:
我得到了同样的结果。在4.2.2上测试。
奇怪,但信使也工作,看起来像一种单空间。
vawmfj5a6#
Post 4.0 Androïd使用“Roboto”字体。你可以在这里找到Androïd的规格:http://developer.android.com/design/style/typography.html