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>
           

效果圖

另附： 漢儀菱心體簡下載下傳位址 使用方法同上