:::warning **CHANGE LOG**（有任何修改請在此通知） > [name=andrew] 2023/12/19 04:10pm 目前已經上傳至 [gitlab repo](https://gitlab.com/aesthetic-programming/book/-/blob/master/source.zh_TW/OSP.md) > 關於字體的說明，是英文的翻譯。可能不適用中文版。因為看起來目前沒有定案，所以網站和 git repo 目前先放英文翻譯的段落 ::: ## 本書佈局 自 2013 年以來，開源出版（OSP）便使用 HTML、CSS 和 Javascript 等網路技術製作印刷出版物，因此得以開發出新的佈局類型和出版管道，而其中又可從相同的內容產生出多種輸出格式，如網站、書籍、電子書等。本書內容是以 Markdown 標記式語言編寫，並透過協作工具 Git 同步於作者與設計者之間，隨後再藉由 [Pelican CMS](https://blog.getpelican.com/) 將原始碼轉換為 HTML。在網頁版本上，讀者可以查看並即時測試每一章的範例程式碼。本書的紙本書版本則利用 polyfill [paged.js](https://www.pagedjs.org/) 加強 CSS 分頁媒體設計的瀏覽器支援。本書的上述兩個版本互相獨立，同時又互為補充。 ## 字體 本書選擇的所有字體皆是利用程式碼繪製。 本書中使用的正文和標題字體出自 A.V. Hershey 於 1960 年代繪製，專為向量繪圖儀開發的大字體系列。囿於繪圖儀的技術性限制，曲線被分割成數條細小筆直的線。此外，由於向量繪圖儀是以單一線寬繪製，需透過讓線條彼此靠近來模擬不同的線寬。書中的特定字體是該字體用 Metafont 重新詮釋後的變體。內文字體來自 Hershey Noailles 家族，由 Antoine Gelgon 詮釋，將分段曲線轉化為真實曲線。標題使用的 Hershey Times 字體則由 Gijs de Heij 和 Simon Egli 詮釋，並使用（或濫用）Metafont「看起來最舒服的曲線」產生其特定形狀。 程式碼範例則以 OCR-pbi 顯示，OCR-pbi 是 Antoine Gelgon 使用 Metafont 繪製的字體系列。該字體的骨架以 Adrian Frutiger 繪製的 OCR-B 為基礎，而 OCR-B 主要目標是繪製機器和人類均可閱讀的等寬字體。 --- :::warning > 以上為英文版內容直接中譯，但台灣版會需要另外尋找合用的開源中文字體，以及相關開源出版工具，歡迎在下方交流想法！[name=Chia0][time=Tue, Jul 18, 2023 3:26 PM] ::: ### 如何畫出每章節開頭的流程圖？ 1. 如果不想下載桌面版的 Graphviz，可以使用線上版 [GraphvizOnline](https://dreampuf.github.io/GraphvizOnline) 2. 繪製方式：到 gitlab 複製英文版流程圖的 [code](https://gitlab.com/aesthetic-programming/book/-/tree/master/graphviz)，貼到 GraphvizOnline，把對應的英文改成中文，完成後下載圖片成 png 檔或任何你需要的格式 ### 《美學程式設計》台灣版建議使用之字體（歡迎新增！） * [黃令東細線](https://github.com/LingDong-/rrpl) * [台北黑體](https://sites.google.com/view/jtfoundry/zh-tw?authuser=0) * [源樣黑體](https://github.com/ButTaiwan/genyog-font/tree/master) * [昭源黑體](https://chiron-fonts.github.io/) * [源石黑體](https://github.com/ButTaiwan/genseki-font) * [秋空󠄁黑體](https://github.com/ChiuMing-Neko/ChiuKongGothic) * [jf open 粉圓字型](https://justfont.com/huninn/?fbclid=IwAR2UDqnO8zf0XkfBuUq5LAPaISsVf_a_04h1eXlEC2jgUgHDYo-7BDuFYHQ) * [源樣明體](https://github.com/ButTaiwan/genyo-font)