css Android上的默认字体设置

nwlqm0z1  于 2023-01-18  发布在  Android
关注(0)|答案(6)|浏览(195)

谁能告诉我大多数Android设备上的捆绑字体是什么,特别是网页?
就像Windows has their bundled fontsMac font lists一样,大多数Android手机和平板电脑都有什么字体?有人能在网上列出一个列表吗?
我正在制作网页,想把我的CSS设置成从使用新字体优雅地降级到只使用普通的“sans-serif”和“serif”字体家族。

0ve6wy6x

0ve6wy6x1#

Grstmo's answer基础上扩展:
system_fonts.xml定义了从font-family到实际字体文件的Map。

<div style="font-family: sans-serif; font-style: normal">Regular</div>
<div style="font-family: sans-serif; font-style: italic">Italic</div>
<div style="font-family: sans-serif; font-weight: bold">Bold</div>
<div style="font-family: sans-serif; font-weight: bold; font-style: italic">Bold-italic</div>

<div style="font-family: sans-serif-light; font-style: normal">Light</div>
<div style="font-family: sans-serif-light; font-style: italic">Light-italic</div>

<div style="font-family: sans-serif-thin; font-style: normal">Thin</div>
<div style="font-family: sans-serif-thin; font-style: italic">Thin-italic</div>

<div style="font-family: sans-serif-condensed; font-style: normal">Condensed regular</div>
<div style="font-family: sans-serif-condensed; font-style: italic">Condensed italic</div>
<div style="font-family: sans-serif-condensed; font-weight: bold">Condensed bold</div>
<div style="font-family: sans-serif-condensed; font-weight: bold; font-style: italic">Condensed bold-italic</div>

<div style="font-family: serif; font-style: normal">Serif Regular</div>
<div style="font-family: serif; font-style: italic">Serif Italic</div>
<div style="font-family: serif; font-weight: bold">Serif Bold</div>
<div style="font-family: serif; font-weight: bold; font-style: italic">Serif Bold-italic</div>

<!-- "Droid Sans" actually gives you Roboto. -->
<div style="font-family: &quot;Droid Sans&quot;; font-style: normal">Droid Sans Regular</div>
<div style="font-family: &quot;Droid Sans&quot;; font-weight: bold">Droid Sans Bold</div>

<div style="font-family: monospace; font-style: normal">Monospace Regular</div>

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抓住不别名Georgiaserif,所以 * 东西 * 不同。

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了解应用可用的字体。

osh3o9ms

osh3o9ms2#

这里已经回答了这个问题:如何在android中检索可用/已安装字体列表?作为Android的一部分,只有3种字体可用;正常(Droid Sans)、衬线(Droid Serif)和等宽(Droid Sans Mono)。

r1zk6ea1

r1zk6ea13#

在Android 4.1中,您可以使用此示例:
字体系列:无衬线浅色;

5sxhfpxr

5sxhfpxr4#

http://www.granneman.com/webdev/coding/css/fonts-and-formatting/default-fonts/#android
显然,只有3种字体,你可以指定在4.0之前的Android:

  • 德罗德桑斯
  • Droid衬线体
  • 无单声道机器人

我猜它们会转换为默认的CSS(即sans-serifserifmono

vcirk6k6

vcirk6k65#

我已经测试了一段时间,WebView有3种标准字体系列类型:
衬线、无衬线、等宽。
我一直在加载像下面的JavaScript(我已经尝试了不同的组合从http://www.w3schools.com/cssref/css_websafe_fonts.asp-表常用的组合):

myWebView.loadUrl("javascript:document.body.style.fontFamily=\"Impact, Charcoal, sans-serif\";");

因此,与以下代码没有差异:

myWebView.loadUrl("javascript:document.body.style.fontFamily=\"sans-serif\";");

我得到了同样的结果。在4.2.2上测试。
奇怪,但信使也工作,看起来像一种单空间。

vawmfj5a

vawmfj5a6#

Post 4.0 Androïd使用“Roboto”字体。你可以在这里找到Androïd的规格:http://developer.android.com/design/style/typography.html

相关问题