vue使用 Font 字体 .ttf 格式

在assets的 styles 创建俩个文件夹一个font 和 ttf
字体.ttf 就放在ttf里面

在font 文件夹里创建 log.css

@font-face {font-family: "pmzd";//自定义字体名称src: url('../ttf/书体名.ttf') format('truetype');font-weight: normal;font-style: normal;
}

在 main.js 引入import './assets/styles/font/log.css'
在使用的页面引入

@import url('../../assets/styles/font/log.css');

然后使用即可

<style lang="scss" scoped>
@import url('../../assets/styles/font/log.css');
.logFont{font-family: 'pmzd';font-size: 36px;color: #0066FF;margin-left: 40%;margin-top: 1%;
}
</style>

vue使用 Font 字体 .ttf 格式相关推荐

vue项目引入字体.ttf
1.下载所需要的字体,.ttf格式本文以(FZCYJ.ttf 为例) 2.在src下新建common文件,文件夹中包含以下文件 3.打开font.css @font-face { font-famil ...
css引入自定义字体/特殊字体/ttf格式语言包
1.网络上下载需要的 .ttf 格式的语言包,在css导入: @font-face {font-family: mFont;src: url('/fonts/font-chenjishi.ttf'); ...
IOS自定义字体ttf格式的特殊字体
在程序中加载ttf文件首先要解决的问题,是在程序中加载.ttf/otf文件.我们在示例程序的资源束中加入了一个"方正大黑简体.ttf"的文件.这个文件是我从Mac系统中搜索到的, ...
安卓ttf格式的字体包_多看字体包优化篇
写在前面之前我发过帖子,介绍了多看最新推出的悠宋字体,只不过多看买的这个悠宋可以算是极度阉割版,连GBK字库都不完整(不知道方正是不是按字符数算钱的),基本上不能正常使用.而我们在方正官网购买的悠宋 ...
安卓ttf格式的字体包_苹果官网御用字体
平黑(Ping Hei)体由常州华文为苹果公司设计,与西文"Myriad Set Pro"搭配曾用于苹果公司的官网页面.平黑体字面较小,约比正常字体小一号约为90%左右,是一款精致 ...
ttf格式字体怎么安装教程
ttf格式字体怎么安装教程在电脑里打开任意一个文件夹.然后在文件夹的地址栏输入C:\WINDOWS\Fonts ,然后按回车,即可打开字体文件夹,再把下载的ttf格式字体复制进去就OK了.ttf格式 ...
Vue.js - Font Awesome字体图标的使用详解（vue-fontawesome库）
Vue.js - Font Awesome字体图标的使用详解(vue-fontawesome库) Font Awesome 是一个十分优秀的第三方图标库,我之前也写过文章介绍如何在 html 页面中使 ...
vue 项目中引入 .ttf 字体
开发中发现,UI设计图中的有些字体效果,需要引入字体文件才能生效.于是,就自己找了下方法,顺便记录下来. 1.下载需要的字体 .ttf 文件: 2.将字体文件放到 assets 文件夹中: 3.在当前 ...
【ffmpeg】ffmpeg视频添加水印并解决字体问题Could not load font FreeSerif.ttf:cannot opencv resource
解决字体问题Could not load font "FreeSerif.ttf":cannot opencv resource [root@localhost test]# ff ...

vue使用 Font 字体 .ttf 格式

vue使用 Font 字体 .ttf 格式相关推荐

最新文章

热门文章