需求：是系統(tǒng)字體設(shè)置成等寬的，內(nèi)置字體 有等寬類型，但是卻不美觀；想要那種英文字體等寬的，數(shù)字不是襯線的，最后找到了Droid Sans Mono 很符合預(yù)期；

效果如下：等寬字體且對齊，數(shù)字0沒有斜杠，非襯線的

再此分享一個(gè)文字效果的網(wǎng)站：等寬非襯線

引入第三方文字方法：

創(chuàng)建一個(gè)css文件

@font-face {font-family: 'Droid Sans Mono'; //字體名稱src: url("Droid-Sans-Mono.ttf"); //字體文件路徑font-weight: normal; //自定義設(shè)置font-style: normal; }

2.自定義字體css應(yīng)用，用import

@import 'Droid_Sans_Mono.css'; //字體css路徑 #app {font-family:"Droid Sans Mono"; }

總結(jié)

以上是生活随笔為你收集整理的css引入第三方字体（等宽非衬线）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。