一 Vue專案引入字型 思源黑體

2021-10-03 11:16:22 字數 789 閱讀 7887

通過google fonts資源引入字型方式

font-family: noto sans sc;

font-style: normal;

font-weight: 400; }

使用就這麼簡單,vue專案出現問題,可以 進扣扣**流:316567839

注意一下幾點:

1.  此字型:noto sans sc,大小:100, 300, 400, 500, 700, 900 這幾種樣式.  font-weight: 後面必須加入對應100.300等數字,否則是不生效的. (通常 font-weight: bold 我用的是 700字型,這個看大家自己需求了,可以自己更改數字)

3.  google fonts**雖然不能訪問,但引用的資源卻能正常使用,當然,無法通過google fonts**查詢想要的字型,資源能訪問也是白搭,

>>>>>>>>>>順便講解下思源黑體,宋體

思源黑體:

黑體有6個不同的寬度,對應如下:

思源宋體:

宋體有7個寬度,其中regular 400是預設的寬度:

不同寬度

黑體宋體一起使用:|noto+serif+sc:200,300,400,500,600,700,900

vue專案引入三方字型

vue2專案引入三方字型 注意 前提是字型檔案沒有問題 1.新建乙個放字型的檔案font,放入字型檔案,定義乙個字型font.css font family 龐門正道標題體 注意 每次新增 format embedded opentype 都會出錯 我沒加這個為了相容ie9的format 可能是編譯...

專案中引入字型

font face html,body蘋方提供了六個字重,font family 定義如下 蘋方 簡 常規體 font family pingfangsc regular,sans serif 蘋方 簡 極細體 font family pingfangsc ultralight,sans serif...

vue專案引入bootstrap jq

引入jquery npm install jquery 找到build資料夾下的webpack.base.conf.js檔案開啟,修改配置 1 加入webpack物件 var webpack require webpack 2 在module.exports裡面加入 html view plain ...