banner
rabithua

rabithua

twitter
github

網站引入自有中文字體

問題#

void 主題本身引用過自有字體,作者的網站字體是正常顯示的,但是我自己的網站 banner 字體卻是默認字體,起先一直以為是 google api 引用錯誤導致的,搞來搞去還是弄不明白,一番摸索下得知,原作者是引用的本地字體,重要的是他的這個本地字體是壓縮過的。

簡單來說,原本中文字體文件動輒就是大幾 M,而網站加載這麼大的字體文件顯然是不理智的,所以出現了一種做法,把需要的字單獨合併成一個小的字體文件。

原作者壓縮的字體裡沒有我需要的字,所以就無法正常顯示。

解決方案(普適)#

1. 找到你想要使用的字體文件(ttf)

~~ 2. 去這個網站(lcddjm)壓縮字體網址已失效 ~~

2. 使用font-spider壓縮字體

lcddjm

3. 壓縮過的字體文件解壓得到一個 font 文件夾,把文件夾上傳到網站根目錄下,也可以是其他目錄下,你要能寫對 url 就行。(https://xxxx.com/font/font.css)

4. 接下來在網站頭部添加 link

<link rel="stylesheet" href="https://xxxx.com/font/font.css">

5. 字體源的引入工作已經完成,現在給你想要使用字體的文字添加上 style(font-family: font;

6. 大喊一聲 {{長野真帥 han chang ye}},問題解決~:@(獻花)

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。