雖然使用自定義字型解決了中文文字偏移的問題,但是由於字型檔案太大導致效能很不理想。無論是將字型檔案放到伺服器還是使用 cdn 都不理想。最終找到了fontmin這個外掛程式。這個外掛程式的原理是將字型檔案中的字符集
進行篩選,生成的新的字型檔案中,只包含要使用到的文字字符集。
雖然fontmin
可以進行字符集篩選,但是專案中到底需要哪些中文文字是不確定的。但沒有關係,經過實驗,使用乙個只有0
這個字符集的字型檔案同樣可以解決我們最初的問題。下面來看實現步驟。
3.2 安裝 fontmin
這裡不推薦全域性安裝,在專案裡面安裝即可。
npm install fontmin -d
然後編寫配置檔案。這裡我是寫在專案根目錄的。
// fontmin-config.js
var fontmin = require("fontmin")
var srcpath = "./src/assets/fonts/my-font.ttf" // 字型原始檔
var destpath = "./src/assets/font-output/" // 輸出路徑
var text = "0" // 篩選的字符集
var fontmin = new fontmin()
.src(srcpath) // 輸入配置
.use(
fontmin.glyph()
).dest(destpath) // 輸出配置
fontmin.run(function(err, files, stream)
console.log("done")
})
然後執行
cd your-project-dir
node ./fontmin-config.js
3.3 配置 css// global.css
@font-face
html,body
linux中文字型
背景說明 報表,在windows下,展現 匯出都正常,在linux下,字型變大了。比如,單元格的大小設計好後,裡面的字當好能一行顯示完,將報表放到linux下後,字變大了,一行顯示不完了,變成了兩行,這樣會影響我們報表的美觀。出現這樣的問題,是什麼原因呢?我們又怎麼解決呢?看下面的原因和方法。應用舉...
python matplotlib 中文字型設定
matplotlib是畫圖利器,可惜中文支援不夠好,不設中文字型畫出的裡面的中文全是小框框,筆者也是google了許多次,嘗試了好幾種方法,終於弄對了。思路就是找乙個ttf檔案,可以直接用windows系統裡面ttf檔案,然後建立自己的font,將文字使用的font設定為自己建立的font就可以了。...
CSS 中文字型
轉自 今天在對 原創草根文學 瀏覽器在讀取css時不能識別中文,如果在css開頭附加上 charset gb2312 就能解決此問題,看來是igone自身的問題,與lbs部落格沒啥關係哈,罪過罪過,還有中可能就是lbs系統在讀取css檔案時沒有自動新增 charset gb2312 這個東東 另外還...