vue电子数字、时钟数字、的字体引入和使-详细步骤

vue电子数字字体引入、使用.

之前写过一个jq版的电子数字字体,引用起来太麻烦了,还是引用字体比较简单,看效果:
vue电子数字、时钟数字、的字体引入和使-详细步骤_第1张图片

1、下载字体文件
我是在百度上搜索的下载,上链接:

http://www.sucaijishi.com/font-37-1320-1.html

2、注册字体
vue电子数字、时钟数字、的字体引入和使-详细步骤_第2张图片
fonts.less中写入注册字体库代码

@font-face{
	font-family: "DS-Digital";
	src:url("./DS-Digital.TTF")format('truetype');
}

3、在main.js中引入fonts.less

import '@/assets/font/fonts.less';

4、直接在组件样式中使用
vue电子数字、时钟数字、的字体引入和使-详细步骤_第3张图片

你可能感兴趣的:(工具代码,vue.js,前端,javascript)