uni-app中如何加载字体
- 下载我们需要的字体
- 将字体转成css 转换地址:https://transfonter.org/
- 将转化过的css文件放到static目录下
@font-face {
font-family:"Bebas";
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAQAEAABADAT1MvMoCPfv8AAI64AAAATlBDTFQlo2xqAACPCAAAADZjbWFwVUQbFAAAPzwvPBD9PAGHLgjECPwIxAEuLi4uLi4ALjEwAUlouQAFAAdJaGGwQFJYOBE3uQAH/8A4WQEVASMBITUCef73uQEJ/oEE5AAwACQAHAAwACUAJwAwACYAJAAwACcAJwAwACgAJwAwACkAJwAwACoAJAAwACsAJwAwACwAJwAwAC4AJwAwAC8AJwAwADAAJwAwADEAFAAAAAAACAAgAQAAKAAAAkQEEAAEAAQ==");
}
- 在App.vue最下面引入css 这样整个项目中都可以使用这种字体了
@import url("./static/family/babes.css");