vue设置LED字体

插件: UnidreamLED.ttf

下载地址

将插件放在项目静态文件里边

CSS中引用字体插件

/*UnidreamLED字体*/
    @font-face {
        font-family: "UnidreamLED";
        src: url("./../../static/font/UnidreamLED.ttf") format("truetype"); //UnidreamLED.ttf在项目中的位置
    }
    .UnidreamLED {
        font-family: "UnidreamLED", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
           

HTML中使用该字体

<div class="UnidreamLED">123456789</div>
           

效果图

另附： 汉仪菱心体简下载地址 使用方法同上