5

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

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

这基本上没问题：iOS 和 Mac OS 原生有 HelveticaNeue-UltraLight，Windows（手机）有 Segoe UI (WP) Light。

字体看起来不一样，但它们提供了相似的整体风格，我不必使用单一的网络字体。所有这些都可以通过 css "font-family" 直接解决。

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

4

3 回答 3

2

您可以使用

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

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

于 2013-10-18T09:08:13.327 回答
1

利用：

font-family: sans-serif-light;

编辑：显然，这仅适用于 HTC 设备。但这是一个开始。

Edit2：看起来谷歌已经用最近的 Android 4.4 更新改变了这一点，因为现在它也可以在我的 Nexus 7 上运行。不过不确定其他设备。

于 2013-10-21T07:58:21.847 回答
-4

Roboto像这样在css中下载并链接到它：

@font-face { 
  font-family: 'Roboto Thin';
  src: url('roboto/Roboto-Thin.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
于 2013-12-01T00:42:04.763 回答