字体我觉得一直是前端视觉设计上的一个重大问题
有的UI设计会用macOS设计出网页,自带的苹果字体,然而一般在windows系统下很难复现出那种效果
首先,推荐一个Googles的字体库 Goole Fonts
这里有许多字体,同时预览效果也是比较便捷,最重要的是可商用(具体还得看每个字体页面的相关许可)
从官网挑选并下载了Noto Sans SC,发现足足有100多MB
这引入WEB项目,是不现实的!
多方寻找之下,找到了一个免费的字体切割库 google-webfonts-helper
注意:Noto Sans SC 我个人推荐至少选图中这四个,因为对这个字体来说,500、700都是一个差异化比较大,主要是能从第一视觉感受上区分业务模块。
当然,还是根据自己的开发模块,选择只用到的weight是最合理的
引入完后,下面灰色方框中有引入代码,当然要根据你自己存放的路径决定
如果你觉得对你有帮助的话可以帮我点个赞~谢谢~~