本文主要是介绍前端开发项目中使用字体库,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
开发中有些项目要求使用固定的字体,这就需要项目中使用字体库。
首先需要下载字体库
将下载的字体文件放进项目中
在项目代码样式文件中定义字体
@font-face {font-family: "Tobias-SemiBold";src: url("./assets/font/Tobias-SemiBold.ttf");font-weight: normal;font-style: normal;
}
@font-face {font-family: "Tobias-Regular";src: url("./assets/font/Tobias-Regular.ttf");font-weight: normal;font-style: normal;
}
运用字体
html, body, #root {height: 100%;font-family: Tobias-Regular;
}
这篇关于前端开发项目中使用字体库的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!