数字字体样式如下:
1、下载字体格式(/theme.php?cat=302&text=0123456789),如下可选择下载数字字体
2、下载后,解压后都是.ttf文件,在/tool/fontface/可将字体文件转换成woff2,svg,woff格式等,将下载后的文件解压至项目文件夹中。
3、到项目中可将2中生成的代码复制进去,注意:需要更改文件路径,以下为我的项目代码:
/* 定义 */@font-face {font-family: "digital-7";src: url("../../assets/fonts/digital-7.woff2") format("woff2"),url("../../assets/fonts/digital-7.woff") format("woff"),url("../../assets/fonts/digital-7.ttf") format("truetype"),url("../../assets/fonts/digital-7.eot") format("embedded-opentype"),url("../../assets/fonts/digital-7.svg") format("svg");}//使用.number {display: inline-block;color: #d1c519;font-size: 20px;font-family: "digital-7";}