---
# System prepended metadata

title: 關於設計 Design notes
tags: [Old Version]

---

---
tags: Old Version
---

:::info
Design notes (https://gitlab.com/aesthetic-programming/book/-/blob/master/source/OSP.md)
翻譯員: Renyu
狀態: 文字部分初步翻譯完成，歡迎修改加註。
:::


# 關於設計 Design notes

## 書籍排版

自 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 年代專為向量繪圖儀（vector plotters）所開發的字體家族的一小部分。由於這些繪圖儀的技術限制，曲線被分割成小的直線。此外，向量繪圖儀以單一線寬繪圖，因此不同線寬粗細是藉由將線條彼此靠近放置來模擬。本書採用了由 Metafont 所重新詮釋的變化版本。內文為 Hershey Noailles 字體家族，經過 Antoine Gelgon 詮釋，將分段曲線轉化為真實曲線。標題字為 Gijs de Heij 和 Simon Egli（粹）取 Metafont 的「最令人愉悅的曲線」所詮釋、生成特定形狀的 Hershey Times。

程式碼範例的字體設置為 Antoine Gelgon 取 Metafont 繪製而成的 OCR-pbi 字體家族。這種字體骨架以 OCR-B 為基礎，由 Adrian Frutiger 繪製成一種機器和人類都可讀的固定寬度字型（monospace font）。
