<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>系统字体堆栈</title>
<style>
p {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
</style>
</head>
<body>
<p>
-apple-system 是旧金山,用于iOS和macOS(不是Chrome)
BlinkMacSystemFont 是旧金山,在macOS Chrome上使用
Segoe UI 在Windows 10上使用
Roboto 在安卓系统上使用
Oxygen-Sans 是在GNU + Linux上使用的
Ubuntu 是在Linux上使用的
"Helvetica Neue" 和Helvetica 在macOS 10.10及以下版本中使用(因为有空格,所以用引号括起来)
Arial 是所有操作系统都广泛支持的字体
sans-serif 如果不支持任何其他字体,则为备用无衬线字体
</p>
</body>
</html>
css视觉--系统字体堆栈
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 一. bootstrap-全局css样式-栅格布局系统-重点难点 所有的行必须放在容器中.container或co...
- 我的简书:https://www.jianshu.com/u/c91e642c4d90我的CSDN:http://...