css设置全局字体

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;
}

字体设置主要的几个方向

常用的字体推荐

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

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