使用「獅尾肉丸」字體的轉換程式,套用到「花園明朝」字體後,效果滿好的,分享較圓的「花園明朝」字體給大家使用。
花園肉丸字體基於花園明朝的轉角的三角形轉成半圓形改造,遊走於古典與可愛之間的字體。歡迎大家自由應用、自由改作!
字體下載:
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 的授權文件,如甲方或公司需要出示授權文件,直接使用此文件即可。
相關網頁
花園家族
- B2花園 B2 Hana https://max-everyday.com/2020/08/b2-hana-font/
- 花園肉丸 Hana Meatball https://max-everyday.com/2020/08/hana-meatball/
簡體/繁體轉換家族
- 獅尾簡腿黑體 Swei Jay Leg https://max-everyday.com/2020/11/swei-jay-leg/
- 獅尾簡中黑體 Swei Jay Sans https://max-everyday.com/2020/11/swei-jay-sans/
- 獅尾簡中宋體 Swei Jay Serif https://max-everyday.com/2020/11/swei-jay-serif/
- 獅尾繁腿黑體 Swei Fan Leg https://max-everyday.com/2020/11/swei-fan-leg/
- 獅尾繁中黑體 Swei Fan Sans https://max-everyday.com/2020/11/swei-fan-sans/
- 獅尾繁中宋體 Swei Fan Serif https://max-everyday.com/2020/11/swei-fan-serif/
獅尾黑體家族
- 獅尾右下腿黑體 Swei Right Bottom Leg https://max-everyday.com/2021/08/swei-right-bottom-leg/
- 獅尾右下圓黑體 Swei Right Bottom Sans https://max-everyday.com/2021/08/swei-right-bottom-sans/
- 獅尾飛腿黑體 Swei Dart Leg https://max-everyday.com/2020/11/swei-dart-leg/
- 獅尾飛鏢黑體 Swei Dart Sans https://max-everyday.com/2020/11/swei-dart-sans/
- 獅尾火腿黑體 Swei Match Leg https://max-everyday.com/2020/11/swei-match-leg/
- 獅尾火柴黑體 Swei Match Sans https://max-everyday.com/2020/11/swei-match-sans/
- 獅尾骨腿黑體 Swei Bone Leg https://max-everyday.com/2020/11/swei-bone-leg/
- 獅尾骨頭黑體 Swei Bone Sans https://max-everyday.com/2020/11/swei-bone-sans/
- 獅尾斧腿黑體 Swei Ax Leg https://max-everyday.com/2020/11/swei-ax-leg/
- 獅尾斧頭黑體 Swei Ax Sans https://max-everyday.com/2020/11/swei-ax-sans/
- 獅尾喇腿黑體 Swei Bell Leg https://max-everyday.com/2020/11/swei-bell-leg/
- 獅尾喇叭黑體 Swei Bell Sans https://max-everyday.com/2020/11/swei-bell-sans/
- 獅尾惡腿黑體 Swei Devil Leg https://max-everyday.com/2020/11/swei-devil-leg/
- 獅尾惡魔黑體 Swei Devil Sans https://max-everyday.com/2020/11/swei-devil-sans/
- 獅尾麥腿黑體 Swei Marker Leg https://max-everyday.com/2020/10/swei-marker-leg/
- 獅尾麥克黑體 Swei Marker Sans https://max-everyday.com/2020/10/swei-marker-sans/
- 獅尾詠腿黑體 Swei Fist Leg https://max-everyday.com/2020/10/swei-fist-leg/
- 獅尾詠春黑體 Swei Fist Sans https://max-everyday.com/2020/10/swei-fist-sans/
- 獅尾鋸腿黑體 Swei Alias Leg https://max-everyday.com/2020/10/swei-alias-leg/
- 獅尾鋸齒黑體 Swei Alias Sans https://max-everyday.com/2020/10/swei-alias-sans/
- 獅尾尖刺黑體 Swei Spike Sans https://max-everyday.com/2020/10/swei-spike-sans/
- 獅尾福腿黑體 Swei Gospel Leg https://max-everyday.com/2020/09/swei-gospel-leg/
- 獅尾福音黑體 Swei Gospel Sans https://max-everyday.com/2020/09/swei-gospel-sans/
- 獅尾D滷腿黑體 Swei Del Luna Leg https://max-everyday.com/2020/09/swei-del-luna-leg/
- 獅尾德魯納黑體 Swei Del Luna Sans https://max-everyday.com/2020/09/swei-del-luna-sans
- 獅尾彎腿黑體 Swei Curve Leg https://max-everyday.com/2020/09/swei-curve-leg/
- 獅尾彎黑體 Swei Curve Sans https://max-everyday.com/2020/09/swei-curve-sans/
- 獅尾霓腿黑體 Swei Bow Leg https://max-everyday.com/2020/09/swei-bow-leg/
- 獅尾霓黑體 Swei Bow Sans https://max-everyday.com/2020/09/swei-bow-sans/
- 獅尾蝙蝠圓體 Swei Bat Sans https://max-everyday.com/2020/09/swei-bat-sans/
- 獅尾牙膏圓體 Swei Toothpaste https://max-everyday.com/2020/09/swei-toothpaste/
- 獅尾三角黑體 Swei 3T Sans https://max-everyday.com/2020/08/swei-3t-sans/
- 獅尾螺帽腿黑體 Swei Nut Leg https://max-everyday.com/2020/08/swei-nut-leg/
- 獅尾螺帽黑體 Swei Nut Sans https://max-everyday.com/2020/08/swei-nut-sans/
- 獅尾B2腿黑體 Swei B2 Leg https://max-everyday.com/2020/07/swei-b2-leg/
- 獅尾B2黑體 Swei B2 Sans https://max-everyday.com/2020/07/swei-b2-sans/
- 獅尾腿圓 Swei Gothic Leg https://max-everyday.com/2020/08/swei-gothic-leg/
- 獅尾彩虹腿 Swei Rainbow Leg https://max-everyday.com/2020/08/swei-rainbow-leg/
- 獅尾XD珍珠 Swei XD Pearl https://max-everyday.com/2020/07/swei-xd-pearl/
- 獅尾D露西 Swei D Lucy https://max-everyday.com/2020/07/swei-d-lucy/
- 獅尾半月字體 Swei Gothic https://max-everyday.com/2020/04/swei-half-moon/
- 台灣圓體 TaiwanPearl https://max-everyday.com/2020/06/taiwanpearl/
- 獅尾圓體 Swei Gothic https://max-everyday.com/2020/04/swei-gothic/
- 獅尾黑體 Swei Sans https://max-everyday.com/2020/03/swei-sans/
獅尾宋體家族
- 獅尾加糖宋體 Swei Sugar https://max-everyday.com/2020/11/swei-sugar/
- 獅尾B2宋朝 Swei B2 Serif https://max-everyday.com/2020/07/swei-b2-serif/
- 獅尾肉丸 Swei Meatball https://max-everyday.com/2020/06/swei-meatball/
- 獅尾四季春字體 Swei Spring https://max-everyday.com/2020/04/swei-spring/
其他字體
- 馬路口圓體 Maruko Gothic https://max-everyday.com/2021/07/maruko-gothic/
- 苦累蛙圓體 Kurewa Gothic https://max-everyday.com/2021/06/kurewa-gothic/
- 何某手寫體 Nani Font https://max-everyday.com/2020/09/nanifont/
- 內海字體 Naikai Font https://max-everyday.com/2020/03/naikaifont/
- 莫大毛筆字體 Bakudai Font https://max-everyday.com/2020/03/bakudaifont/
- 正風毛筆字體 Masa Font https://max-everyday.com/2020/05/masafont/
- 假粉圓體 Fake Pearl https://max-everyday.com/2020/03/open-huninn-font/
- 俊羽圓體 Yu Pearl https://max-everyday.com/2020/03/yupearl/
其他網站
- 清松手寫體 Jason Hand Writing https://jasonfonts.max-everyday.com/
- Max學習字體的筆記 https://codereview.max-everyday.com/font-readme/
贊助Max
很高興可以替中華民國美學盡一分心力、讓台灣擁有更好的文字風景,希望能提供另一種美學讓大家選擇,如果你覺得這篇文章寫的很好,想打賞Max,贊助方式如下: https://max-everyday.com/about/#donate