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

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

再此分享一個文字效果的網站：等寬非襯線

引入第三方文字方法：

創建一個css文件

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

2.自定義字體css應用，用import

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。