Slack for Windows 變更字型

Windows 上的 Slack 字型顯示為細明體,不是很美觀,一個方式是直接用瀏覽器版的,另一種方式就是想辦法改變 Slack 顯示的字型。

找到這個目錄 C:\Users\[USERNAME]\AppData\Local\slack\app-3.3.8\resources\app.asar.unpacked\src\static(版本及磁碟機可能不同),並且編輯 ssb-interop.js 這個檔案。

像我要採用思源黑體,就在這個檔案最後面加上:

onload = function(){
  $("<style></style>").appendTo("head").html("[lang] *{font-family:'Noto Sans CJK TC' !important;}");
};

或者拉丁字母的部分想保留原來的字型,可以這樣寫:

onload = function(){
  $("<style></style>").appendTo("head").html("[lang] *{font-family:'Slack-Lato', 'Noto Sans CJK TC' !important;}");
};

這樣顯示字型就變得好看多了!

台北捷運蓋章記錄

為了記錄自己蓋章的進度,於是寫了這樣一個網頁 http://ericyu.org/TaipeiMetro/ 可以產生下面那樣的圖,還可以使用網址儲存資料,譬如下圖對應的連結是 http://ericyu.org/TaipeiMetro/#_vv__7__-p_3X_73fw8。這樣可以自己儲存,或是分享給其他人。

產生的圖檔是 PNG 格式,背景是透明的。所產生的圖檔在保留右下角網址的情況下,可自行添加文字,作為非商業用途使用(譬如用在自己的 blog,貼在 Facebook 等)。 其他利用請先聯絡我(SVG 版權所有)。

這是我截至今天為止蓋完的車站,全部蓋完以後,會再發一篇列出各車站印章位置。
TaipeiMetroStamp

使用到的新玩意兒(對我來說)有:

  • HTML5
  • HTML5 History API
  • Bootstrap
  • SVG 操作及繪製至 Canvas
  • 將 Canvas 變成可下載的圖檔

順帶一提,路線的顏色都是按照捷運公司指定的色碼的哦(參一參二),而路線圖的 SVG 是用 Inkscape 從頭開始畫出來的,最後再用 SVG Cleaner 簡化。

Google 中英文字典

Google 有個中英文字典的功能,可能很多人不知道,不過已經存在好幾年了。使用請看 Google 的特色 – 中英文字典

不過品質… 有些時候不是那麼可信任。前不久偶然發現以下這個比較誇張的例子:

如果打中文的查詢關鍵字,結果還不太一樣(這我倒是第一次發現):

(8/26 update: 原來這是剛出現的新功能)

點了上方連結後:

怎麼會差這麼多?