我是靠谱客的博主 自由黑裤,最近开发中收集的这篇文章主要介绍在vue项目中添加特殊字体,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

我们做项目的时候,有时候会想用一些特殊字体来美化我们的页面,下面就教大家如何在vue中引用其他字体

  1. 首先要去百度搜索我们想要的字体或者在字体网站找一个我们觉得合适的字体
    这里推荐下面的网站 第一字体转换器 其他网站也都可以
    在这里插入图片描述

  2. 下载我们需要的.ttf文件 放在我们本地文件夹中
    在这里插入图片描述

  3. 在文件夹下 创建一个 font.css 文件 通过 @font-face 规则引入我们的文件和给字体命名
    在这里插入图片描述

  4. 在 vue 中的 main.js 引入我们的 font.css
    在这里插入图片描述

  5. 然后就可以在任意组件的 css 中使用啦
    在这里插入图片描述

最后

以上就是自由黑裤为你收集整理的在vue项目中添加特殊字体的全部内容,希望文章能够帮你解决在vue项目中添加特殊字体所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(52)

评论列表共有 0 条评论

立即
投稿
返回
顶部