css font-family

知乎的font-family的设置理解

-apple-system, BlinkMacSystemFont

这两个值是为了确保在macOS和iOS系统上能够使用系统默认字体进行文本渲染。-apple-system特别为Safari浏览器设计,而BlinkMacSystemFont则主要针对基于Chromium的浏览器(如Chrome)

最后一个值为 sans-serif

在CSS的font-family属性中,经常会在字体栈的末尾指定sans-serif作为默认字体。这是因为sans-serif(无衬线字体)是一类非常通用的字体,几乎所有现代操作系统都包含至少一种无衬线字体。

中间

中间设置字体时一般都是英文在前,中文字体在后,因为通常是英文字体一般只能设置英字体类型,中文字体的话一般有中文和英文两种

以上见解纯属个人理解

相关推荐
Ten peaches19 分钟前
Selenium-Java版(环境安装)
java·前端·selenium·自动化
心.c31 分钟前
vue3大事件项目
前端·javascript·vue.js
姜 萌@cnblogs41 分钟前
【实战】深入浅出 Rust 并发:RwLock 与 Mutex 在 Tauri 项目中的实践
前端·ai·rust·tauri
蓝天白云下遛狗1 小时前
google-Chrome常用插件
前端·chrome
多多*1 小时前
Spring之Bean的初始化 Bean的生命周期 全站式解析
java·开发语言·前端·数据库·后端·spring·servlet
linweidong2 小时前
在企业级应用中,你如何构建一个全面的前端测试策略,包括单元测试、集成测试、端到端测试
前端·selenium·单元测试·集成测试·前端面试·mocha·前端面经
满怀10152 小时前
【HTML 全栈进阶】从语义化到现代 Web 开发实战
前端·html
东锋1.32 小时前
前端动画库 Anime.js 的V4 版本,兼容 Vue、React
前端·javascript·vue.js
满怀10152 小时前
【Flask全栈开发指南】从零构建企业级Web应用
前端·python·flask·后端开发·全栈开发
小杨升级打怪中3 小时前
前端面经-webpack篇--定义、配置、构建流程、 Loader、Tree Shaking、懒加载与预加载、代码分割、 Plugin 机制
前端·webpack·node.js