如何指定系统的默认serif和sans-serif字体系列？

当我得知CSS在十多年前，标准（只）使用“默认字体”（这意味着什么）的方式是：如何指定系统的默认serif和sans-serif字体系列？

font-family: serif; 
font-family: sans-serif;

然后，去年，苹果增加了一个custom syntax for their new system font，并如果我没有记错的话，Blink做了类似的事情。

是否有人可以通过CSS更新最新的内容总结我的font-family属性应该看起来像当我只想使用默认的sans-serif或serif字体？（我特别不希望网络字体。）

来源

2016-10-22 Stefan Majewsky

是不是已经在你的问题的答案？这个相关的问题似乎是关于所谓的“旧金山”字体不再暴露。 – Oriol

@Oriol你是什么意思？链接的问题说，我需要一种不同的语法来访问Mac上的系统字体，我基本上想知道我需要在其他平台上考虑哪些其他例外。 –

当你说“默认字体”时，你是指给定平台上的默认UI字体吗？ – Oriol

的CSS字体模块级别4条草案引入了new generic font families

对于大多数的语言和文字，现有仿制药可以映射到东西相媲美的脚本。这对网络非常有用，因此类似serif和sans-serif可以映射到与内容的语言无关的合理的。但印刷传统在世界各地差异很大，许多脚本有各种常见的字体设计，不能干净地映射到这些现有的泛型。在各种平台使用类似字体的情况下，扩展一组预定义的CSS通用字体系列以覆盖这些类型样式很有用。

如果你想获得“那种感觉的字体最小外的地方对目标platfom”，这将是system-ui：

system-ui字体家族代表在默认的UI字体给定的平台

来源

2016-10-22 19:54:48 Oriol

听起来不错。我会跟着这个去等Safari来跟上它。 –

下面是一个CSS代码段默认为系统字体，在大多数平台（OSX，iOS版时，Windows，Windows手机，安卓）：

font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto;

-apple-system - Safari中的旧金山（在Mac OS X和iOS上）; Neue Helvetica和Lucida Grande在旧版本的Mac OS X上。
system-ui - 给定平台上的默认UI字体。
BlinkMacSystemFont - 的-apple-system当量，Chrome浏览器在Mac OS X
"Segoe UI" - 的Windows（Vista的+）和Windows Phone。
Roboto - Android（冰淇淋三明治（4.0）+）和Chrome操作系统。

片段本身，从以下issue on github借来的。

您可以在此article on css-tricks中查找其他操作系统或其旧版本的字体。

来源

2017-12-19 05:35:00

如何指定系统的默认serif和sans-serif字体系列？

回答

相关问题