uni-app中如何加载字体

uni-app中如何加载字体

1. 下载我们需要的字体
2. 将字体转成css 转换地址：https://transfonter.org/
3. 将转化过的css文件放到static目录下

@font-face {
	font-family:"Bebas";
	src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAQAEAABADAT1MvMoCPfv8AAI64AAAATlBDTFQlo2xqAACPCAAAADZjbWFwVUQbFAAAPzwvPBD9PAGHLgjECPwIxAEuLi4uLi4ALjEwAUlouQAFAAdJaGGwQFJYOBE3uQAH/8A4WQEVASMBITUCef73uQEJ/oEE5AAwACQAHAAwACUAJwAwACYAJAAwACcAJwAwACgAJwAwACkAJwAwACoAJAAwACsAJwAwACwAJwAwAC4AJwAwAC8AJwAwADAAJwAwADEAFAAAAAAACAAgAQAAKAAAAkQEEAAEAAQ==");
}

5. 在App.vue最下面引入css 这样整个项目中都可以使用这种字体了

@import url("./static/family/babes.css");