css字体渐变和字体引入

一、字体引入

1.在assets文件夹下创建一个fonts目录，并在fonts内创建font.css文件

2.在fonts文件内引入fonts下字体文件

@font-face {
  /* 重命名字体名 */
  font-family: 'D-DINEXP';
  /* 引入字体 */
  src: url('./D-DINEXP.OTF');
  font-weight: normal;
  font-style: normal;
}

3.在main文件中引入

import '@/assets/fonts/font.css'

4.项目内使用

.title{
	font-family: 'D-DINEXP';
}

二、 字体渐变

.title{
	font-family: 'D-DINEXP';
	background: linear-gradient(#fffbf7, #2653ce); //从上到下渐变
     letter-spacing: 0.25px;
     -webkit-background-clip: text;
     color: transparent;
}