位置:首页 > web前端 > css

css设置全局字体

dearweb 发布:2022-06-09 18:49:28阅读:

css样式之默认字体设置的方法有很多,主要进行 系统字体 兜底字体 以及 Emoji 字体等配置,本文只是小编在工作之余总结的一些基本方法,如果帮助,请记住我,不足之处,还请多多指正。

css基本设置

@font-face {
  font-family: Emoji;
  src: local("Apple Color Emojiji"), 
  local("Segoe UI Emoji"), 
  local("Segoe UI Symbol"), 
  local("Noto Color Emoji");
  unicode-range: U+1F000-1F644, U+203C-3299;
}
body {
  font-family: system-ui, —apple-system, Segoe UI, Rototo, Emoji, Helvetica, Arial, sans-serif;
}

字体设置主要的几个方向

image.png

常用的字体推荐

image.png

限制 emoji 字体作用范围的方法

image.png


切记在设置过程中,不要指定具体字体的名称,使用最新的规范 system-ui 规范,不要忘记对 Emoji 字体的设置,上述就是小编对全局字体设置的简单见解。

24人点赞 返回栏目 提问 分享一波

小礼物走一波,支持作者

还没有人赞赏,支持一波吧

留言(问题紧急可添加微信 xxl18963067593) 评论仅代表网友个人 留言列表

暂无留言,快来抢沙发吧!

本刊热文
网友在读
手机扫码查看 手机扫码查看