1.需求场景
在 Vue项目中,上传字体文件,改变文字字体。
这就涉及到 JavaScript 字体文件的加载和使用。
2.实现方法
CSS 样式使用字体,并不陌生
在Vue组件中,引入项目资源中的字体文件
全局引入的方法
新建 font.css 文件
在 main.js 中引入
我这次说的是第三种,从本地上传字体文件。需要用到 JavaScript 中 FontFace 对象,用来加载字体。
基础语法:
a-upload 组件,customRequest 方法通过覆盖默认的上传行为,可以自定义自己的上传实现。
上传字体文件,通过 FontFace 添加字体。动态加载样式,成功改变字体。
以上,如果对你有用的话,不妨点赞收藏关注一下,谢谢 🙏
😊 微信公众号: OrzR3
💖 不定期更新一些技术类,生活类,读书类的文章。
以上,如果对你有用的话,不妨点赞收藏关注一下,谢谢 🙏