vue 引入液晶数字字体

一、vue项目font目录

vue 引入液晶数字字体_第1张图片

二、DS-Digital.ttf下载

下载DS-Digital.ttf
vue 引入液晶数字字体_第2张图片

三、dsfont.css文件内容

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

四、main.js引入

	//导入字体文件
	import '../src/assets/font/dsfont.css'

五、使用

	span{
		font-family:electronicFont;
	}

六、效果

vue 引入液晶数字字体_第3张图片

你可能感兴趣的:(DS-Digital.ttf,液晶数字字体,前端)