(如何)在没有网页字体的情况下，我可以通过css在浏览器中使用原生Android字体吗？

Question

我正在尝试制作一个不使用web字体的web应用程序，以将浏览器请求保持在绝对最低水平。

同时，我正在尝试只使用“好看”的纤细字体的标题等。

这基本上没问题: iOS和Mac本身就有HelveticaNeue-UltraLight，而Windows (Phone)则有Segoe UI (WP) Light。

字体看起来不一样，但它们给出了相似的整体风格，我不需要使用一个单独的webfont。所有这些都可以通过css "font-family“直接寻址。

有没有办法在Android上获得类似的外观？Android有Roboto Light，这将完美地满足我的需求，但似乎不可能简单地通过css样式来解决这个问题，而不使用webfonts。

Answer 1

您可以使用

font-family: "HelveticaNeue-UltraLight", "Segoe UI", "Roboto Light", sans-serif;

在课程中，每个操作系统都尝试使用此列表中的字体。当浏览器找到系统中存在的字体时，它将开始使用该字体。iOS将使用字体"HelveticaNeue-UltraLight“而忽略其他。Android将使用"Roboto Light“字体...

Answer 2

使用：

font-family: sans-serif-light;

编辑:显然，这只适用于HTC设备。但这只是个开始。

Edit2:看起来谷歌在最近的Android4.4更新中改变了这一点，因为现在它也可以在我的Nexus7上运行。不过，对于其他设备，我不太确定。

Answer 3

下载Roboto并在css中链接到它，如下所示：

@font-face { 
  font-family: 'Roboto Thin';
  src: url('roboto/Roboto-Thin.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}