CSS新增本地字型

2022-04-14 11:32:07 字數 717 閱讀 3272

專案中用到了整合商的硬體,安卓系統,通過套殼瀏覽器來展示乙個頁面。

其中乙個需求是一段標題文字用宋體展示,很普通,對吧。

在本地用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 定義...