大屏页面 电子数字 制作

字体包下载地址

链接: https://pan.baidu.com/s/1pjslpT5QQi7-oALDM-uX8g 提取码: zxcv 

效果展示 

使用前使用后

使用方式

1.解压后将文件夹放入public

2.在公用样式中加入

@font-face {
  font-family: 'mFont';
  src: url('../../public/DS-Digital/DS-DIGI-1.ttf');
}

 

3. 在项目中使用

.left {
  font-family: 'mFont', sans-serif;
  font-size: 48px;
  font-weight: 700;
  color: #3ED1F0;
  text-shadow: 0 0 10px #3ED1F0,0 0 20px #3ED1F0,0 0 30px #3ED1F0,0 0 40px #3ED1F0;
}