1. 下载所需要的字体,以 Poppins-Regular.ttf 为例
2. 创建 fonts 文件夹,里面包含以下文件
3. font.css 内容如下
@font-face {
font-family: 'Poppins-Regular'; /*重命名字体名 */
src: url('Poppins-Regular.ttf'); /*引入字体*/
font-weight: normal;
font-style: normal;
}
4. 在 index.html 引入 font.css,并在 body 设置字体
<link rel="stylesheet" href="./fonts/font.css">
<style>
body{
font-family: 'Poppins-Regular';
}
</style>
更多推荐
引入字体 .ttf 格式
发布评论