Web中常用字体介绍(iOS和Android浏览器支持的字体)

在Web的设计中，字体选择是十分重要的。为了兼容不同平台和设备，需要选择常见的字体并适配不同的浏览器。

常用字体介绍

以下是Web设计中常用的一些字体，它们在iOS和Android浏览器上都有很好的支持。

苹果系统常用字体

• Helvetica Neue：Helvetica Neue是苹果的默认字体，也是Web设计中最常用的字体之一。其特点是简洁、清晰、易读。
• PingFang SC：PingFang SC是苹果系统中的一款中文系统字体，具有现代美感和舒适的阅读体验。在iOS 9以上的系统中都支持。
• San Francisco：San Francisco是苹果系统中的一款新字体，采用了一种专门为Retina屏幕设计的技术，非常适合用于高清显示，也非常适合在移动设备上使用。

安卓系统常用字体

• Roboto：Roboto是安卓系统中默认的系统字体，其特点是简单、现代、易读。在安卓4.0以上的系统中都支持。
• Noto Sans CJK：Noto Sans CJK是Google开发的一款汉字字体，支持中日韩三种语言，具有良好的阅读体验和字体一致性，推荐在安卓移动设备上使用。
• Droid Sans：Droid Sans是一款自由和开源字体，也是安卓系统中的常用字体之一，支持很好，易读性也非常好。

示例说明

示例一

在CSS中，我们可以采用如下的代码来设置字体样式：

body {
  font-family: "Helvetica Neue", "PingFang SC", "Roboto", sans-serif;
}

这样，不同的设备就可以根据可用的字体进行选择，以达到最理想的阅读效果。

示例二

在声明字体的时候，我们也可以指定较为通用的字体家族，如sans-serif或serif。例如：

h1 {
  font-family: serif;
}

这样，无论设备和平台，都会使用该字体家族中最符合规范的字体渲染。这样的做法可以避免使用不存在的字体，且表现效果较为稳定。