2024-11-05
sign typography blur time

Photo by Brett Jordan on <a href="https://www.pexels.com/photo/sign-typography-blur-time-5035702/" rel="nofollow">Pexels.com</a>

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

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

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

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

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

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

使用 cjkfonts 產生的 css 使用中文字型方式 demo

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Enable Notifications OK No thanks