- 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>
效果图