快速產生中文字體CSS服務

在設計作品中,文字是很重要的一環,但是在中文字體的選擇上,除了不多元外,還有許多使用上的困難,如字體不完整,或是需要下載字型檔等狀況,但若有服務商提供了好用的字集服務,就能大大改善這個困境。

先來看看這篇文章: https://www.cjkfonts.io/blog/webfont

是不是有著不同的字體,會有不同的計設質感,與容易引導使用者或訪客來操作呢?

接下來利用這個服務來產出不用全部下載字體檔就能使用的字型。首先到這裡: https://www.cjkfonts.io/create_webfont

接著輸入文章或對應網頁所需要的文字,選擇所需要的字型後,然後產出一個下載的 zip 檔,解開後會得到一個含有對應字型的 CSS檔案。

由於該 CSS檔,定義了 font-face 與 font-family,所以只需要引這個 CSS 後,並將對應的 html中所需要使的區塊使用對應的 font-family 即可,如下:

https://codepen.io/timhuang/pen/gOPxJga
使用 cjkfonts 產生的 css 使用中文字型方式 demo
0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x
Enable Notifications    OK No thanks