花園肉丸:遊走於古典與可愛之間的字體免費商用

使用「獅尾肉丸」字體的轉換程式,套用到「花園明朝」字體後,效果滿好的,分享較圓的「花園明朝」字體給大家使用。

花園肉丸字體基於花園明朝的轉角的三角形轉成半圓形改造,遊走於古典與可愛之間的字體。歡迎大家自由應用、自由優化、自由改作!

字體下載:
https://github.com/max32002/max-hana

測試B2花園Regular(常用字)的效果:字體大小px

測試B2花園Medium(完整A段)的效果:字體大小px

字體預覽:


花園肉丸與花園明朝字體比較: 

花園肉丸字體比較預覽

附註:Regular 字重,是直接來自花園明朝,Medium 字重是透過程式產生,不能確定所有的字都正常,可能會轉換失敗。


檔案說明

  • HanaMinA.ttf 花園明朝字體A+G區。原版的花園明朝只有A區。
  • HanaMinB.ttf 花園明朝字體B-F區。
  • HanaMeatball-Regular.ttf B2花園 Regular 字重
  • HanaMeatball-Regular.ttf B2花園 Medium 字重 (線條較粗)

附註1:一般情況下,使用 A區就可以了,常用字在A區,其他區的字比較少使用到。

附註2:為什麼要分成2個字型檔?因為單一字型檔有字數的上限,所以需要分成2個。


下載字型

請點選GitHub此畫面右上綠色「Clone or download」按鈕,並選擇「Download ZIP」,或點進想下載的ttf字型檔案,再點「Download」的按鈕進行下載。

使用 WebFont

網路字型(Web Font),用於網頁上的字型顯示,使用者的用戶端不需預先安裝字型檔,一樣能夠看到特殊的字型效果。實現該功能的原理是在瀏覽時才下載字型檔。

花園明朝A+G區可以服用下面的css:

@font-face {
  font-family: HanaMin;
  src: url(https://cdn.jsdelivr.net/gh/max32002/[email protected]/webfont/HanaMinA.woff2) format("woff2")
  , url(https://cdn.jsdelivr.net/gh/max32002/[email protected]/webfont/HanaMinA.woff) format("woff");
}

花園肉丸A區Regular(精簡版,只有常用字),可以服用下面的css:

@font-face {
  font-family: HanaMeatball-Regular;
  src: url(https://cdn.jsdelivr.net/gh/max32002/[email protected]/webfont/HanaMeatball-Regular-Lite.woff2) format("woff2")
  , url(https://cdn.jsdelivr.net/gh/max32002/[email protected]/webfont/HanaMeatball-Regular-Lite.woff) format("woff");
}

花園肉丸A區Regular(完整版),可以服用下面的css:

@font-face {
  font-family: HanaMeatball-Regular;
  src: url(https://cdn.jsdelivr.net/gh/max32002/[email protected]/webfont/HanaMeatball-Regular.woff2) format("woff2")
  , url(https://cdn.jsdelivr.net/gh/max32002/[email protected]/webfont/HanaMeatball-Regular.woff) format("woff");
}

花園肉丸A區Medium,可以服用下面的css:

@font-face {
  font-family: HanaMeatball-Medium;
  src: url(https://cdn.jsdelivr.net/gh/max32002/[email protected]/webfont/HanaMeatball-Medium.woff2) format("woff2")
  , url(https://cdn.jsdelivr.net/gh/max32002/[email protected]/webfont/HanaMeatball-Medium.woff) format("woff");
}

您也可以透過從CDN引入在GitHub上woff2檔案的網址,再把上方的url()內容置換成CDN快取後的網址,將可大幅加快網頁載入。推薦使用 jsDelivr 的服務,在速度上挺不錯的,參考看看: www.cdnperf.com/#!performance,Asia 。


附註

  • 獅尾肉丸字體的演算黑科技,將字體轉角的三角形轉成半圓形,請參考獅尾肉丸專案下的 /python/ 目錄下的腳本檔案。透過調整程式碼,也許也可以產生出新的有趣字型。目前的程式應該還有很多錯誤或需要再加強的地方。請先把要處理的字型,轉成 FontForge 的 sfdir, 再透過程式去處理產生出來的檔案。

著作權與授權

  • 本字型是改造グリフウィキ(GlyphWiki)所開發、發表的「花園明朝(花園フォントについて)」字型。
  • 本字型亦基於 SIL Open Font License 1.1 授權條款免費公開,關於授權合約的內容、免責事項等細節,請詳讀 License 文件。
    • 可自由商用 不需付費、知會或標明作者,即可自由使用此字型,亦可做商業應用。
    • 可自由傳布 可自由分享檔案、將檔案安裝於任何軟硬體中。
    • 可自由改作為其他字型 將字型檔案修改重製為其他字型檔案,改作後的字型檔案須同樣依 Open Font License 釋出。

字體授權小提示:本字型採用 SIL Open Font License 1.1 授權發表,可以免費商用。在 github 上有附上 SIL Open Font License 1.1 的授權文件,如甲方或公司需要出示授權文件,直接使用此文件即可。


相關網頁

花園家族

簡體/繁體轉換家族

獅尾黑體家族

獅尾宋體家族

其他字體

其他網站

贊助Max

很高興可以替中華民國美學盡一分心力、讓台灣擁有更好的文字風景,希望能提供另一種美學讓大家選擇,如果你覺得這篇文章寫的很好,想打賞Max,贊助方式如下: https://max-everyday.com/about/#donate

Facebook網友回應

您可能也會感興趣的文章...

How do I update a GitHub forked repository? 同步分出來的分支

電腦相關應用

我的英文和理解力都超低,所以我覺得學git 好難哦!看半天都懂不懂 Q_Q;我還是努力地研究一下,我預計,這些 […]

Read More

krita 矩形圓角作法

電腦相關應用

用 krita 畫了一個 icon 給 app 用,一開始沒背景,使用起來怪怪的,加了背景在Android裡也 […]

Read More

獅尾斧腿黑體:改造思源黑體筆觸變斧頭免費商用

電腦相關應用

獅尾斧腿黑體基於思源黑體的筆觸變斧頭改造,更加簡明現代化的字體。支援简体中文、繁體中文、韓文與日文;可以免費商 […]

Read More

發佈留言

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