引入字体文件

1、将字体文件拷贝到assets/ttf文件夹下。
2、在assets/css文件夹下新建font.css文件，在其中引用字体文件：

@font-face {font-family: "DS-DIGII";src: url('../ttf/DS-DIGII.TTF');font-weight: normal;font-style: normal;}

3、在app.vue文件中引用font.css文件：

<style lang="scss">@import "./assets/css/font.css"
</style>

4、在文件中直接使用

font-family: 'DS-DIGII';

vue 引入字体文件相关推荐

基于uni-app的微信小程序引入字体文件
上传字体文件至服务器或者oss(也可以引入第三方,需支持nginx跨域) 引入字体文件(两种方法) css引入 @font-face {font-family: 'fontFamily';src: u ...
css引入本地字体文件,关于css中引入字体文件
关于css中引入字体文件 css样式代码: @font-face { font-family: Lovelo-Black;//定义font的名字 src: url(font/Lovelo Black. ...
点击按钮删除并传递参数 html引入字体文件并显示
1.点击按钮删除并传递参数第一种形式: html代码: <ul><li>{$addr.consignee}</li><li class="pro& ...
Vue引入字体（以阿里妈妈东方大楷字体为例）
首先进入iconfont官网,选择阿里妈妈东方大楷字体输入你想要的文字!!!(非常重要) 点击字体包下载在asserts > fonts下放保存的字体文件在asserts > fon ...
vue中引入字体文件
在用vue来写一官网的时候,想引入外部字体文件,毕竟总感觉他自己的字体有点难看,在这里记录下 1.先下载字体文件所需的.ttf文件我这里想引入的是华文行楷字体百度后下载了一个3M多的ttf文件 2 ...
uniapp引入字体文件
将下载好的字体放进项目中 static里面的 ttf文件大于40kb需要转成base64格式转换完之后把代码复制下来新创建一个css 然后copy进去 @font-face {font-famil ...
vue引入外部文件_vue文件中引入外部js
1.在项目的入口文件中(app.js)定义remoteScript标签 Vue.component('remote-script', { render: function (createElement ...
vue引入外部文件_vue3+typescript引入外部文件
vue3+typescript中引入外部文件有几种方法 (eg:引入echarts) 第一种方法: 1 indext.html中用script引入 2 在.vue页面使用,先声明后使用 declare ...
php引用字体,thinkphp引入字体文件时候被当做模块求解决问题
这是字体路径http://localhost/zx/Public/css/fonts/字体.ttf CSS引入字体的时候被当做模块了出现这样的情况无法加载模块:Public 错误位置 FILE: ...
前端项目中引入字体文件并使用
首先是下载所需的字体文件,将文件存放在自定义的静态资源目录. 然后在需要引入页面的style模块加入如下代码直接在需要的地方引用text_class样式就可以啦

vue 引入字体文件

引入字体文件

vue 引入字体文件相关推荐

最新文章

热门文章