苹方字体是一种常用的中文字体,它在网页设计中使用广泛。在 CSS 中设置苹方字体有两种方法:
/* 方法一:引入字体文件 */ @font-face { font-family: 'PingFang SC'; src: url('pingfang.ttf'); /* 字体文件路径 */ } body { font-family: 'PingFang SC', sans-serif; } /* 方法二:使用系统内置字体 */ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, 'PingFang SC', 'Microsoft YaHei', sans-serif; }
方法一是通过引入字体文件的方式,将字体文件下载到本地,然后再通过 CSS 的 @font-face 规则来定义字体。这种方法可以保证所有用户都能正常显示字体,但需要下载字体文件,会稍微增加网页的加载时间。
方法二则是使用系统内置的字体来显示苹方字体。这种方法不需要下载字体文件,而是使用系统已有的字体来显示,因此加载时间会更快。但是如果用户的系统没有安装苹方字体,则会显示系统内置字体,可能与网页设计不符。