====== Edit With Style ======
編輯文字的時候，在視覺上更加賞心悅目。

策略：
  * 傳統文書處理或排版軟體（Pages、MS Word 等）：手動設定字型，要換來換去不方便
  * Sublime Text ✅
    * 以前說不行 ∵只能設定一種字型(([[https://forum.sublimetext.com/t/font-face-can-not-set-2-or-more-in-3126/31663/6|Font_face can not set 2 or more in 3126+ - Technical Support - Sublime Forum]]))，那麼，漢字永遠都是 macOS 系統字型，通常都是黑體-繁或蘋方，很沒意思
    * 本想用類似 BirdFont 的工具（類似 FontForge？）做一個專門給 Sublime Text 用的字型，想想想實在太大砲打小鳥了
    * 但 2020 年真的用 FontForge 做出專用字型了！！！((相關頁面待補 FIXME))
  * 本來想找其他編輯器軟體
    * 很多編輯器八成也是像 Sublime Text 一樣只能設定一種字型
    * 「Write for Mac」說可以設定多種字型，但要錢，又無法先試用效果
  * 使用線上文字編輯器，再用 Stylish 設定編輯區的字型
    * 這招是因為先懂得設定 Stylish addon 編輯器的字型後，發想到的
    * 優點：絕對支援 font-family、字型 fallback
    * [[https://www.calmlywriter.com/online/|Calmly Writer Online]]：無法自動儲存，重新載入網頁就飛了
    * [[http://justnotepad.com/|JustNotepad.com - Online notepad. Create note online]]
      * 有自動儲存（存在本地瀏覽器的儲存空間？重開瀏覽器還會保留嗎？FIXME）
      * 簡單的 textarea
        * 可惜 Firefox 的 textarea 似乎都無法標示空格、tab、換行等字元
      * 用 Stylish 再多加修飾或許就更像「distraction free」了
    * DokuWiki+Stylish 其實也可以弄成我要的效果啊 XD
    * <span imp>[[https://onlinenotepad.org/app|Online Notepad]]</span>：這個不錯
      * 也有自動儲存
      * 還有 responsive design，放到夠大時有充分的 distraction free 效果
      * 還有全螢幕模式
      * 可以批次全部下載打包的純文字檔
      * 很好，我率先為它編個 Stylish 樣式！;)
      * 還有快捷鍵呢！
      * 好的，就先用你來打篇文章看看！
    * 但線上文字編輯器都無法離線載入（可以繼續用，但一按「重新整理」就破功了）而，如果我只是要一個 textarea 的話，那是不是寫個簡單的靜態離線網頁就好了 XD
      * 反正自動儲存都靠 Textarea Cache……（抖抖的）
    * ⭐<span imp>[[https://write-box.appspot.com/|Writebox]]</span>：2020/3 找到更佳的解決方案！
      * [[http://www.writeboxapps.com/|Writebox 官方說明]]
      * 【介紹】[[https://www.playpcesor.com/2016/01/txt-writebox-google.html|雲端時代 txt 純文字編輯器 Writebox 同步 Google硬碟]]
      * 可自動儲存在桌面瀏覽器的 local storage
        * 行動瀏覽器似乎也適用，目前測試過 iOS Firefox
      * 也可存檔到 Dropbox/Google Drive 上並同步\\ （↑強過 Sublime Text，達到類似 Google Keep 或 Simplenote 的跨平台同步性）
        * 可惜與雲端同步的動作尚無法自動化
        * 但可以存到 Dropbox 後同步到桌面，用 Sublime Text 開啟，再用 [[https://packagecontrol.io/packages/auto-save|auto-save]] package 自動儲存
      * 可匯出為 TXT 或 HTML 檔
      * 編輯器可自訂文字及背景顏色、可用類似 CSS font-family 的方式設定字型！:D **__Edit With Style__** 的基本要素！這樣就完勝 Sublime Text 了
      * 可以透過 Fx/Wx 的 [[https://addons.mozilla.org/zh-TW/firefox/addon/edit-with-sublime-text/|Edit with Sublime Text]] 把 Writebox 的 textarea 內容送到 Sublime Text 編輯/處理+自動儲存並同步回來！((但這樣跟用 GhostText 有何不同呢 XD))
  * /^20190724^/ 一個全新乾淨的 Waterfox profile「Writing」，專門用來寫 DokuWiki，可能可以減少主 Waterfox 的 CPU 用量、省電（如果 macOS 可以識別為不同的程序且讓主 Wx nap 的話），同時又看到最理想的 DW 字型設定+Gecko 呈現效果
    * 也可以用 Textarea Cache！<<大心>>

<div fieldset><div legend>20201106</div>
這兩個月有兩個方法促進本專案的目的：
  - 成功用 FontForge 自製 Sublime Text 專用字型！:D
  - DokuWiki 安裝 [[doku>plugin:codemirror]]，透過 syntax highlighting 讓編輯區更美觀
</div>

<div fieldset><div legend>20210706</div>
  * 追記前一、兩個月發現，「便條紙」也可以修改新便條的顏色及字型
  * 雖然不是直接影響純文字的編輯，但低度格式化的記事軟體 XMind 也能在電腦 app 設定超美的各種字型，而且整體套用上很方便 ∴也算是大滿足的美感提升
</div>

<div fieldset><div legend>20211027</div>
  * 前陣子為了編輯「斯卡羅」多語台詞的 data.js，要用 Visual Studio Code，它是可以設定更多字型 fallback 的，但因為要支援臺羅、AbcdOri 調符 ∴要用源雲明體、源流明體這些
  * 今天把 Sublime Text 字型從 Operator Mono + 翩翩體 → 霞鶩文楷等寬 TC（因為有點看膩翩翩體，或是放大的狀態會有點不好看）。霞鶩文楷是 Klee 的完善版，我本來就也有用 Klee 當作 Stylish/Stylus 的編輯器字型。
</div>

<div fieldset><div legend>20230314</div>
  * 去年發現 VS Code 也可以進階自訂編輯區字型、介面字型（輕易 fallback！），所以已取代 Sublime Text 成為包括 DW 原始檔在內的主要編輯器！
  * 今天發現 Obsidian 進階自訂編輯區字型、介面字型的方式跟 VS Code 很像，加上即時編輯+預覽 Markdown 的方式又很創新，在記筆記方面似乎有威脅 DW 之勢！
</div>

{{tag>字型}}