vue2关于引入字体的步骤

news/2025/1/15 19:46:40/

1,准备需要的字体文件

2,在静态文件夹下public的static文件夹下新建fonts文件

放入自己的字体文件,

3,在src文件夹下的scss文件下新建fonts.css文件

 4在fonts.css文件内自定义字体名称

@font-face {font-family: 'fangzhengfangsong';src: url(../../../public/static/fonts/方正仿宋_GBK_0.TTF);
}
@font-face {font-family: 'fangzhengheiti';src: url(../../../public/static/fonts/方正黑体_GBK.TTF);
}
@font-face {font-family: 'fangzhengxiaobiaosong';src: url(../../../public/static/fonts/方正小标宋_GBK.TTF);
}
@font-face {font-family: 'led';src: url(../../../public/static/fonts/液晶数字字体.TTF);
}

4,在main.js文件内全局注册

 5,使用自己新的字体

font-family: 'led';

例如使用自己新增的‘led’字体


http://www.ppmy.cn/news/527650.html

相关文章

word缺失字体问题

问题 有时候word会确实一些公文使用的字体,所以会用微软雅黑进行自动替换。所以你看到和打印的仿宋等字体,会被替换成微软雅黑,这对于政府公文或者企业行政文档是不好的。 这里面的字体替换你可以用一些字体替换你缺失的字体。 解决方法 下…

给braft-editor加字体样式

braft-editor默认是没有样式的,而我们有时候需要添加样式 只需要添加两段代码就可以实现 const extendControls [{key: "font-family",},];const fontFamily [{name: "宋体",family: "宋体",sans-serif,},{name: "方正小标宋…

Adobe打印转PDF字体出错问题解决方案

错误现象 通过adobe pdf打印转换pdf时,不能够转换成功,只能弹出一个**.txt 打印——选择Adobe pdf——打印,txt中的内容如下: %%[ ProductName: Distiller ]%% %%[ Error: TT8E96441DtCID cannot be embedded because of licensi…

兄弟Brother MFC-T800W 驱动

兄弟Brother MFC-T800W 驱动兄弟Brother MFC-T800W 驱动是官方提供的一款一体机(打印、扫描)驱动,本站收集提供高速下载,用于解决一体机与电脑连接不了,无法正常使用的问题,本动适用于:Windows XP / Windows 7 / Windo…

三星+t800+原生android,三星T800(GALAXY Tab S WLAN版)一键救砖教程,轻松刷回官方系统...

三星T800(GALAXY Tab S WLAN版)手机变砖了怎么办?对于经常刷机的安卓玩家来说,碰到刷机失败导致三星T800(GALAXY Tab S WLAN版)手机无法启动甚至无法进入recovery都是在所难免的事,这个时候我们就需要用到奇兔线刷大师线刷救砖功能了,它能轻…

KEPServerEX U-CON驱动

梅特勒-托利多(METTLER TOLEDO)是一家历史悠久的精密仪器及衡器制造商与服务提供商,其地磅系统与重载秤适用于包括食品、化工、制药、制造、交通运输和物流等各种行业内的应用。 KEPServerEX以其特有的U-CON(User-Configurable&a…

ECS T800, Computex上的Android上网本

T800是在Computex 2009上展出的一款上网本,与Sony的VAIA P风格相近。配有一个8.1寸的宽屏液晶,处理器则有800M和1G两个规格可以选择。机器配有512M内存,ECS称将在2009下半年将该上网本的价格降到$500以内。

[RK3288][Android6.0] Mali GPU基本知识

Platform: Rockchip OS: Android 6.0 Kernel: 3.10.92 Mali GPU的前身是Falanx,是挪威一家公司, 后来被ARM收购. 目前除了做GPU以外,Mali还做Camera, Video Processor, Display Processor. 收购后的第一款产品是Mali 200, 后面是Mali 400系列, 属于Utgard架构. 后面的Mali…