問題#
void 主題本身引用過自有字體,作者的網站字體是正常顯示的,但是我自己的網站 banner 字體卻是默認字體,起先一直以為是 google api 引用錯誤導致的,搞來搞去還是弄不明白,一番摸索下得知,原作者是引用的本地字體,重要的是他的這個本地字體是壓縮過的。
簡單來說,原本中文字體文件動輒就是大幾 M,而網站加載這麼大的字體文件顯然是不理智的,所以出現了一種做法,把需要的字單獨合併成一個小的字體文件。
原作者壓縮的字體裡沒有我需要的字,所以就無法正常顯示。
解決方案(普適)#
1. 找到你想要使用的字體文件(ttf)
~~ 2. 去這個網站(lcddjm)壓縮字體網址已失效 ~~
2. 使用font-spider壓縮字體
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}},問題解決~:@(獻花)