数字 显示为LED 字体

数字 显示为LED 字体https files cnblogs com files hill foryou UnidreamLED zip 然后解压得到 UnidreamLED ttf 在入口文件加上下面 css 代码 font face font family LEDFont font size 36px src url UnidreamLED ttf 3 需要显示的数字加上 classLEDFont LEDFont 255 unidreamled ttf

  1. https://files.cnblogs.com/files/hill-foryou/UnidreamLED.zip,然后解压得到  UnidreamLED.ttf
  2. 在需要使用字体的文件加上下面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>

效果图

 

编程小号
上一篇 2025-01-09 08:21
下一篇 2025-01-09 08:11

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/bian-cheng-ji-chu/106404.html