首页 > 其他分享 >引入字体

引入字体

时间:2022-11-04 10:23:21浏览次数:58  
标签:文件 js 字体 引入 main css

一、需求

在项目中引入自己下载的.ttf字体文件,并在整个项目中使用

二、完成过程

1、先在下载自己喜欢的字体类型

2、在项目的assets文件夹下面,新建一个fonts文件夹,将下载的字体复制进去

3、在当前文件目录下新建一个css文件

 4、在css文件中写以下内容

 5、在main.js文件中引入,并在App.vue使用(此为整个项目都引用,可以按需引用)

main.js

App.vue

 

自定义字体完成!!!

标签:文件,js,字体,引入,main,css
From: https://www.cnblogs.com/shlbetter/p/16856802.html

相关文章

  • deepin 调整微信、百度网盘、迅雷等等软件字体的方法
    一、修改微信字体大小方法:1、方法一:修改deepinwine桌面环境字体envWINEPREFIX="$HOME/.deepinwine/Deepin-WeChat"winecfg或者:envWINEPREFIX=~/.deepinwine/Deepin-......
  • element按需引入
    安装elementUi组件库 npmielement-ui-S安装babel-plugin-componentnpminstallbabel-plugin-component-D修改babel.config.js文件 module.exp......
  • 在Windows下和MacBook中如何查找本地的字体文件
    在Windows下和MacBook中如何查找本地的字体文件大家好,我叫亓官劼(qíguānjié)​​博主博客文章内容导航(实时更新)​​更多优质文章推荐:​​收藏!最详细的Python全栈开发指......
  • 自用编程字体推荐
    CascadiaCode许可证:SILOpenFontLicense1.1官网:https://github.com/microsoft/cascadia-code开发商:微软字体预览:CascadiaCode是在2020年5月微软的Build活动上发......
  • .net 6 api引入EF (DB first)
    项目添加:Microsoft.EntityFrameworkCore.ToolsPomelo.EntityFrameworkCore.MySql(这个是第三方的efmysql中间件)​Scaffold-DbContext-Force"Server=localhost;U......
  • 学习Pinia(安装,引入注册Vue3,初始化仓库Store,State值获取修改,解构store,actions,getters,AP
    全局状态管理工具Pinia.js有如下特点:完整的ts的支持;足够轻量,压缩后的体积只有1kb左右;去除mutations,只有state,getters,actions;actions支持同步和异步;代码扁平化没有......
  • vue中引入高德地图Loca数据可视化
     目录引言:关键词:正文:一、如何安装或者引入:二、如何引入:三、如何使用:四、完整代码:五、效果图 参考:引言:vue中引入高德地图​实例的,详情可以去参考,由于需求增加,地图要做的更......
  • vite_vue3自动引入
    //github地址:https://github.com/antfu/unplugin-auto-import1.npmi-Dunplugin-auto-import2.vite.config.tsimportAutoImportfrom'unplugin-auto-import/vi......
  • Java一次性设置窗口中所有组件的字体
    声明:该方法参考自​​codeday​​,作者codeday;下面结合此方法逻辑写的代码为原创。下面只为类中部分必要代码://所用方法publicvoidchangeFont(Componentcomponent,Fo......
  • IReport导出PDF字体加粗失效
    一、iReport简介说到iReport不得不先介绍Jasperreport,Jasperreport是一个报表制作程序,用户需要按照它制定的规则编写一个XML文件,然后得到用户需要输出的格式文件。它支持输......