type
status
date
slug
summary
tags
category
icon
password
一、字体下载
- 推荐一个免费字体资源网站，站内有大量免费字体 https://www.100font.com/。
选择一款你喜欢的字体，点击进入详情，页面底部提供下载地址。
下载完成后是一个压缩包，需要解压文件。
找到后缀为tff格式文件，复制到项目中。
二、使用字体
定义css，引入外部字体
设置样式，font-family值为导入字体的值。如下图：
效果展示
完整代码
总结：
UI设计图中，很多字体是普通电脑不支持的，所有需要外部引入字体。
- 作者:Jeffrey
- 链接:https://notion-next-ashy-five.vercel.app//article/blog-9
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。