Git Product home page Git Product logo

yupearl's Introduction

「俊羽圓體」是基於jf open 粉圓的開放原始碼中文字型。原本的構想是要挑戰把粉圓改成「羽逸体」,發現工程有點浩大,目前是半成品,聊勝於無,大家可以試用看看。也歡迎勇者接續修改,可以把修改好的寄給我,或直接在再開出新的字型名稱。

與粉圓體的差別在

  • 橫線右上和左下角,有三角形的襯線。
  • 筆觸由圓頭換成方頭。

目前遇到的問題:工程浩大在一個字、一個字改,曠日費時,目前是半成品狀態。

5種字重(Style)

  • ExtraLight
  • Light
  • Regular
  • Medium
  • SemiBold

原本的粉圓字體放在Regular 字重裡,透過程式自動產生ExtraLight、Light、Medium、SemiBold 新的字重。

在ExtraLight和Light字重是把原本的粉圓字體微微調細一點點。在Light的字重裡,可能會因為筆劃太細造成某些筆畫消失。

在SemiBold和Medium的字重裡,可能會因為筆劃太粗造成某些筆畫重疊難以識別,有粗體字的需求,可以先挑戰使用SemiBold字重看看,如果發現效果不如預期,Medium字重。

字體預覽

不能確定自動產生出來的字重裡每一個都是完整的字,畢盡程式會誤判是常有的事情,所以不是在Regular字重裡的筆劃可能會消失。

請再回報有問題的字,小弟有空就幫忙修正。或是您也可以自行使用FontForget開啟「Regular」字重的 ttf 字型檔,就可以透過「Expand Stroke」這一個功能調整字型到您喜歡的字重。

下載字型

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

網頁字型(Web Font)服務

網頁字型用於網頁上的字型顯示,訪客不需預先安裝字型檔,一樣能夠看到特殊的字型效果。不只是電腦,在智慧型手機和平板裝置的瀏覽器上也可正常顯示。實現該功能的原理是在瀏覽時才下載字型檔。

可以服用下面的css:

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

著作權與授權

  • 本字型是基於 SIL Open Font License 1.1 改造just-font公司所開發、發表的「jf open 粉圓」字型。
  • 本字型亦基於 SIL Open Font License 1.1 授權條款免費公開,關於授權合約的內容、免責事項等細節,請詳讀 License 文件。
    • 可自由商用 不需付費、知會或標明作者,即可自由使用此字型,亦可做商業應用。
    • 可自由傳布 可自由分享檔案、將檔案安裝於任何軟硬體中。
    • 可自由改作為其他字型 將字型檔案修改重製為其他字型檔案,改作後的字型檔案須同樣依 Open Font License 釋出。

附註

  • 演算黑科技將字體變圓改造圓體為羽逸體,請參考 /python/ 目錄下的腳本檔案。透過調整程式碼,也許也可以產生出新的有趣字型。目前的程式應該還有很多錯誤或需要再加強的地方。請先把要處理的字型,透過 FontForge 開啟,並另存 FontForge 的專案為資料夾格式(.sfdir),最後就可以透過Max的 Python 程式去處理產生出來的檔案。

附註:這一個版本的程式寫很很亂,大多程式碼無法理解是正常的。這份亂七八糟的程式是「獅尾」系列字型轉換程式的最初的版本,不建議花時間在這一個架構下來修改這一個版本,建議使用獅尾系列的轉換程式來修改。

相關網頁

花園家族:

獅尾黑體家族:

獅尾宋體家族:

其他字體:

其他網站:

贊助Max

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.