apple-system BlinkMacSystemFont Mac兼容字体库

最新推荐文章于 2024-03-11 07:00:00 发布

原创最新推荐文章于 2024-03-11 07:00:00 发布 · 2.2w 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#Mac #字体 #font #-apple-system

工具代码专栏收录该内容

30 篇文章

订阅专栏

本文介绍了一种用于网页设计的字体优化方案，通过使用-apple-system和BlinkMacSystemFont等属性，可以实现在不同浏览器和苹果设备上显示一致且美观的字体效果。代码示例展示了如何设置CSS样式以兼容主流浏览器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

网页的新字体 -apple-system BlinkMacSystemFont 是什么

兼容主流浏览器和苹果端浏览器
- 代码如下

兼容主流浏览器和苹果端浏览器

-apple-system 是在以 WebKit 为内核的浏览器（如 Safari）中，调用 Apple（苹果公司）系统（iOS, macOS, watchOS, tvOS）中默认字体（现在一般情况下，英文是 San Francisco，中文是苹方
BlinkMacSystemFont 是在 Chrome 中实现调用 Apple 的系统字体

代码如下

<style>
/*【知乎】官方的字体代码 */
font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
</style>

	/* 推荐二*/
   font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", STXihei, "Microsoft YaHei", SimHei, "WenQuanYi Micro Hei";

推荐文章-优雅选择字体