vue项目中使用ttf字体
前提:在 vue 项目中使用 ttf 字体
1.引入字体文件
- 将已有的字体文件
xx.ttf
放入项目的assets
目录下
然后创建fonts.css
文件,文件内容:
@font-face {font-family: 'design-title';src: url('./design-title.TTF');font-weight: normal;font-style: normal;
}
- 在
main.js
中引入字体的css
文件
import '@/assets/fonts/fonts.css'
2.使用字体
<div class="main-name">平台</div>
...
.main-name {font-family: design-title;
}
vue项目中使用ttf字体相关推荐
- vue 项目中引入 .ttf 字体
开发中发现,UI设计图中的有些字体效果,需要引入字体文件才能生效.于是,就自己找了下方法,顺便记录下来. 1.下载需要的字体 .ttf 文件: 2.将字体文件放到 assets 文件夹中: 3.在当前 ...
- 在 Quasar cli 搭建的 vue 项目中 引用 阿里字体图标 iconfont symbol方式
在 Quasar cli 搭建的 vue 项目中 引用 阿里字体图标 iconfont 1. symbol 方式 2. font class 方式(未实践) 1. symbol 方式 首先说明一下,这 ...
- 【自用】Vue项目中使用自定义字体样式
步骤一:拿到自定义字体包 首先要得到自定义字体包(后缀名为.ttf, .otf, .eot等格式的字体包),可自行下载也可以问UI要字体包. 步骤二:在项目文件夹中进行放置自定义字体包的配置 在项 ...
- cocos2dx项目中应用ttf字体
最近项目里在搞字体,由于项目是用cocos2dx做的跨平台的项目,所以就涉及到不同平台字体设定的问题,IOS这边字体库比较丰富,可以有很多种字体,但是安卓那边就比较捉襟见肘了,大概了解了下两个平台能提 ...
- vue项目中如何使用字体图标,简单清晰明了!
1.登录阿里巴巴图标库官网,创建一个自己的项目,并将对应的svg图片添加或上传到对应的项目中,如下图所示: 2.点击[下载至本地]按钮,将文件夹下载下来: 3.在项目中src/assets目录下创建一 ...
- 在vue项目中添加特殊字体
这里的特殊字体,指的是一般用户电脑未安装到本地的字体,要引入这样的字体,首先需要把字体文件下载下来. 就像上图这样的,ttf格式的,然后在项目里添加它. 然后我们在font.css里用@font-fa ...
- vue项目中导入icon字体文件出现This relative module was not found:* ./iconfont.eot?t=1523541245904
报错提示: This relative module was not found: *./iconfont.eot?t=1523541245904 in ./node_modules/css-load ...
- 在vue项目中使用第三方的字体图标库
如何在vue项目中使用第三方的字体图标库 以在vue项目中导入阿里字体图标库为例 1.打开阿里字体图标库的官方网址 https://www.iconfont.cn/?spm=a313x.7781069 ...
- vue 打开html流_在vue项目中添加一个html页面,开启本地服务器
在vue项目里新增一个不需要登录的页面,那么我只能新增一个html页面了,不经过路由,直接在浏览器输入路径打开,那么就需要用到本地服务器, 1.vue里面的html页面最好放过在public文件夹里面 ...
- 在 Nuxt.js 和 Vue.js 项目中引入第三方字体或艺术字
一.需求分析 在我们写前端页面的时候,大部分时候是不需要用到第三方字体的,但如果是面向C端的页面,比如宣传页,就有可能会引入第三方字体,主要还是看UI设计师咋想了,此时我们可以通过让UI将特殊字体切成 ...
最新文章
- MinIO分布式专题(第一章、一文教你搭建MinIO单机版)
- 为什么租号玩显示服务器忙,租号玩上号器怎么用,租号玩上号器使用教程
- shell训练营Day18
- 【问链财经-区块链基础知识系列】 第四十一课 中外银行跨境业务运用区块链技术创新案例对比
- 分形之龙形曲线(Dragon Curve)
- linux删文件进程叫什么,Linux find 查找 并删除文件 杀掉进程
- Java基础笔记之数据类型
- LeetCode LCS 01. 下载插件
- Linux实用代码--文件系统操作
- Python机器学习:KNN算法05f超参数
- 取代上万行遗留代码,机器学习模型终“上位”
- 懒人小技巧, Toad 常用偷懒方法
- 多元相关与回归分析及R使用
- 计算机设计大赛一人能报几个,我校在中国大学生计算机设计大赛获多个奖项
- 【DNSPOD】利用DNSPod实现动态域名解析【DDNS】
- 透过数据看真相:手游市场趋势报告
- vs code里面的less插件一直报错_ipad4现在怎么登微信?一直显示微信版本过低怎么办...
- 空间数据库Topic推荐-AMiner
- Check It Again: Progressive Visual Question Answeringvia Visual Entailment(SAR)
- 【转】如何读学术论文
热门文章
- artdialog ajax新增,artDialog 对话框组件使用简介
- logistic regression 逻辑回归
- air flow空调上是什么意思_airflow空调滤芯上是什么意思
- Unity篇——Minimap小地图
- Android获取年月日时分秒
- 鸡蛋,必须放在合适的篮子里
- 微信小游戏排行榜卡顿或无法滑动
- 跟任何人都聊得来---最受世界500强企业欢迎的沟通课(一)
- python用来自动修改pdf_Python不加班:5分钟学会自动给PDF加水印
- [IOS]Presenting modal in iOS 13 fullscreen