內容目錄
歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略。當大家進入一個網站的時候會注意到什麼?我想不外乎就是整個網頁的排版設計,可能是網站內的圖片、配色甚至是字體~因此字體也能在一定程度上,影響新進入網站瀏覽者對網站的第一印象,而且其實在很多的層面上,我們是需要透過字體的風格與大小傳遞品牌訊息。鵠學苑之前提到多篇相關字體的文章包含辰宇落雁體、 俐方體11號 免費開源中文字型,以及 9031 Fonts 免費可商用字體網,另外還有 思源宋體 Noto Serif CJK 字型下載的介紹,而今天鵠學苑要來跟大家介紹 內海字體 這個免費字型!接下來跟著鵠學苑的腳步,讓我們開始學習吧!
內海字體 免費字型下載網站
https://github.com/max32002/naikaifont
內海字體 是由台灣開發者 max32002 以知名 瀨戶字體 此以日文字為主的字型做為基礎,加入繁體中文常用字與標點符號,並將字體調整為5個字重以及調整布建的寫法,由此開發出來的開放原始碼的中文免費可商用字型!
作者還做了很可愛的附註:「由於是「非原作者」的補字,新加入的字在風格上,雖然盡力求一致,難免會與原作者會有一些不同。有一些字補的「超級醜」的,一般情況應該不會遇到,如果有好心人有重做那些醜到爆的字,請再寄給我,感謝。」讓大家可以免費使用字體的同時也不斷進行優化~
作者表示原本的瀨戶字體放在Regular 字重裡,因此透過程式自動產生ExtraLight、Light、SemiBold、Bold 新的字重,總共為5個字重。
內海字體 5 種字重(Style)▼
點擊上方的網址就可以進入 內海字體 免費字型下載網站 (GitHub 頁面),接下來就跟著下方學習,了解 內海字體 如何使用吧!
第一步:下載字型。
點擊進入 內海字體 GitHub 頁面或是直接在 GitHub 中搜尋「naikaifont」也能找到字體,在進入頁面之後,有兩個方法可以下載字體:
1. 點擊頁面右上角綠色「Code」按鍵,然後再點擊「Download ZIP」下載。
2. 點擊頁面右下方「Releases」,然後選擇「 .zip 」或「 .tar.gz」 格式下載。
第二步:安裝字型。
隨著第一個步驟下載好字體並解壓縮之後,點選TW這個資料夾就可以看到內海字體的,可以透過 3 種方法 進行字體的安裝:
1. 滑鼠右鍵選取「安裝」功能將字型安裝。
2. 滑鼠左鍵點擊兩下會跳出字體視窗, 選取「安裝」功能將字型安裝。
但如果選擇這個方式,要5個檔案一個一個安裝喔XD~
3. 點選進電腦的「控制台」找到「字型」設定的區塊,直接將下載字型拖曳進去即可安裝。
安裝完之後就可以使用 內海字體 囉!下方使用記事本中套用字型給大家看看~
網頁字體工具 – 識字體網站介紹,線上以圖找出網頁使用字型
https://www.design-hu.com.tw/webmaster-tools/web-page-font-online-tool.html
Fontface Ninja 介紹 – Chrome 快速查看網頁字體與字型大小樣式
https://www.design-hu.com.tw/webmaster-tools/chrome-fontface-ninja-introduction.html
內海字體 是基於 SIL Open Font License 1.1 授權條款免費公開,關於授權合約的內容、免責事項等細節,請詳讀 License 文件:
下次有字體的使用需求的,就來試試看 內海字體 吧~那今天的教學就到這裡告一段落了,不要忘記點擊 訂閱鵠學苑電子報 ,確保收到最新 WordPress 教學文章,如果有 網頁設計 相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~
行銷5.0!來看家居零售龍頭 IKEA 運用場景行銷為顧客築夢!
商業模式是什麼?秒懂經營企業不可不知的商業模式圖九元素!
無障礙網頁(Web accessibility)為何重要?五個設計要點一次搞懂!