專案中用到了整合商的硬體,安卓系統,通過套殼瀏覽器來展示乙個頁面。
其中乙個需求是一段標題文字用宋體展示,很普通,對吧。
在本地用chrome除錯時毫無問題,但是這個裝置展示時,一直是黑體。
於是嘗試直接用裝置自帶的瀏覽器開啟,果不其然,還是展示黑體。
我們的手機肯定是有宋體的,懷疑是這個硬體精簡掉了宋體(或者原生安卓本來就不帶宋體?)。
於是想到了通過css的font-face
來載入本地字型。
@font-face
幾乎要放棄的時候,找到了這篇文章(引入font-face不管用)
其實之前也搜到一些內容,說是ie要使用eot格式字型才行,但是找了很久,就連宋體這種字型,都搜到了ttf格式,而沒有搜到eot格式。
這篇文章首先給出了生效的css,然後還給出了這個**,能幫忙將ttf轉化成各種我需要的字型。
通過這個**,生成了這幾種字型:ttf
,eot
,woff
,woff2
,svg
。
最終生效的css如下:
@charset "utf-8";
@font-face
其實無法得知最終在硬體上其效果的是哪一句,但是最終效果生效,而以上寫法應該也是確保相容性的一種寫法。 Linux新增字型
linux系統上的字型並不多,很多字型需要我們自己動手新增,我這裡介紹一種將windows上的字型部署到linux伺服器上的方法。進入c windows fonts目錄下,裡面都是本地windows的字型。找到想要的字型進行複製,嫌麻煩的話就全部複製。一般這個字型在 usr share下面。直接用x...
ubuntu 新增字型
eg yaheiconsolashybrid.ttf 2.將字型檔案放在目錄 home下 3.到目錄 usr share fonts truetype 下建立目錄 eg sudo mkdir usr share fonts truetype myfonts 4.修改資料夾許可權 sudo chmod...
CSS3新增的伺服器字型
1 使用伺服器字型 使用伺服器字型非常簡單,只要使用 font face定義伺服器字型即可。格式如下 font face font family name src url url format font format 到目前為止,伺服器字型還只支援truetype格式和opentype格式。2 定義...