- https://files.cnblogs.com/files/hill-foryou/UnidreamLED.zip,然后解压得到 UnidreamLED.ttf
- 在需要使用字体的文件加上下面css代码
-
<style>
-
@font-face {
-
font-family: 'LEDFont';
-
font-size: 40px;
-
src: url('../../../static/UnidreamLED.ttf');
-
}
-
</style>
-
<style lang='scss' scoped>
-
.total{
-
text-align: center;
-
color: #fff;
-
.LEDFont{
-
font-size: 40px;
-
font-family: 'LEDFont'
-
}
-
}
-
}
-
</style>
-
3.需要显示的数字 加上class LEDFont
-
<div class="total">
-
测站总数:<span class="LEDFont">2356</span>
-
</div>
效果图