前端项目开发中，需要用到很多字体，经常会遇到重复的字体，想着每次重新找设计要或者自己百度也麻烦，不然记录下来，方便后续遇到一样的可以直接下载使用。

字体名称

MiSans

字体介绍

手机作为目前陪伴我们最多的屏幕设备，优雅好看的字体能让整体使用观感上升，因此很多手机厂商都联手字体设计公司打造了独家的手机系统字体。继 OPPO 、华为把自家定制的手机系统字体 OPPO Sans 和 HarmonyOS Sans 免费开放给全社会下载使用后，小米也把自家精心打造的 MiSans 字体全部开放了。

MiSans 字体特性

共包含 29,093 个字符，且支持多种语言，完全不用担心缺字情况
MiSans 提供了多种 OpenType 功能，可根据特定需求来选择不同形态的字符，例如某些标点符号可以根据周围字母的形态自动调整至合适的位置
MiSans 提供多达 10 种字重，层级清晰，应用非常广泛

字形特点

MiSans 是一款手机系统字体，字形笔画平直有力，设计更加简约，减少视觉负担，更有利于屏幕显示。
MiSans 也是一款中性的字体，笔形舒服，10 种字重能满足用于 APP UI 设计、正文字体、标题字体等更多的设计场景。

免费商用说明

MIUI 官方账号，明确了 MiSans 这款手机系统字体供全社会免费商用。

使用代码

@font-face {
  font-family: 'MiSans';
  src: url('./fonts/MiSans-Normal.ttf');
}

#app {
  font-family: "MiSans";
}