「Open 粉圓字型」是由 justfont 提供的開放字型。
不像 Google Fonts 可以直接用 html code 有 CDN 可以用，需要找個空間自己放字型然後在 css 指定才能使用，記錄一下做法。
首先把 Open 粉圓字型從下載連結下載下來，是個 ttf 檔案；再丟到網站上，記下路徑。
接下來在 css 中指定這個字型的名字和路徑
@font-face {
做對每一件小事，做對每一個細節，能夠做到一百分的事，就不要只做六十分敷衍過去。
即將消失的自助新村．眷村裡迷路．舊草嶺環狀自行車道 20 公里行．西部小旅行：阿里山森林鐵路車庫園區＆北門車站．台糖烏樹林休閒園區．永保安康＆橋頭糖廠．打狗鐵道故事館＆駁二．旗山．里港＆屏東．彰化扇形車庫．大肚成功．出島計畫：馬公．北環．湖西+南環．馬公．支線之旅：平溪．舊山線．林口線．鼻頭角步道．野柳地質公園．猴硐．七堵鐵道公園．一滴水紀念館．淡水．淡水天元宮賞櫻．烏來．土城桐花祭．三芝天使光．桃園忠烈祠．南部旅行：板橋→台南．台南→永康→保安→橋頭→左營→鼓山→旗津→鳳山．鳳山→竹田→枋寮→加祿→古莊→鳳山．鳳山→台南→台中→新竹→板橋．一個人環島：楔子．台北→花蓮．花蓮→台東．台東→枋寮→南州→鳳山→高雄→鳳山．鳳山→高雄→二水→集集→車埕→台中．台中→新竹→竹東→內灣→竹東→新竹→板橋
未完待續…
- Mar 20 Thu 2025 16:41
-
在網頁上使用 Open 粉圓字型的方法
- Mar 10 Mon 2025 13:42
-
把一個小專案從 nodejs 8 升級到 22
最近經手某個小專案。原本只是需要升級這個專案裡面的某個內部依賴函式庫，稍微看了一下發現規模並不複雜，於是就順便升級看看。
專案本身有用到 yarn , babel 和 webpack 。
之前碰過的其他專案也有類似的瓶頸，卡在要從原本的 babel-* 換成 @babel/* ，也就是 babel v7 。 @babel/* 其實支援 nodejs 8 ，但如果把它所有相關的套件一併升級，會得到類似以下的結果：
nvm use 8
// 本來是 8.17
- Jan 16 Thu 2025 23:42
-
拆掉一個舊專案的 jQuery
最近經手了一個蠻舊的專案，看了一下用的 js 並不多，於是就順便把 jQuery 拆掉，改用原生的 js 。
過程中除了用 ChatGPT 之類的輔助以外，主要還是參考 You might not need jQuery 和 MDN 。
一開始先拆 jQuery.store 和 json2 。
專案建立的當時還需要支援舊版的 Internet Explorer ，現在不用管 IE 了。
拆掉的過程遇到的問題是 jQuery.store 在儲存時有把值轉成 json 格式，字串帶了引號；但我想要改寫成直接存取 localStorage 的值，花了不少時間在這上面。
- Feb 07 Sun 2021 09:34
-
Swift Playground: 解迷宮的「右手規則」
Swift Playground 有一關是要用「右手規則」去解題，由於從來沒聽過什麼「右手規則」，就查了一下。
一開始找不到什麼相關的文章，改試了一下 right hand rule 跳出來的是物理的右手原則，和解題沒什麼關聯。
試了好幾組關鍵字，最後是用 maze right hand rule 找到維基百科的 maze solving algorithm 。
記錄一下在解題過程中和「右手規則」相處的心得。
首先是用「右手規則」解出來的不一定是「最短路徑」。
- Jul 27 Sat 2019 08:48
-
從 d3.js v4 升級到 v5 的記錄
之前用 d3.js 畫了台灣高鐵列車運行圖，當時還在用 v4 。v5 其實去年就發佈了，一直沒做升級，最近才去研究怎麼升級。
由於用到了 d3.csv() ，也就是這次 v4 到 v5 不相容的部份，試了很久才試出來 v5 的寫法。
就結果而言其實只改動了不到 20 個字元，有點意外就是。
做完升級以後順手用了 PageSpeed Insights 測載入速度，87 分不能再高了 XD
- Apr 02 Sun 2017 22:14
-
用 d3.js 練習畫台灣高鐵列車運行圖
- Oct 13 Tue 2015 15:20
-
在 php 使用 spritnf 輸出字串時，如果需要對齊多語系文字，需要自行留意寬度設定和輸出結果
- Feb 16 Mon 2015 17:18
-
判斷 json 中某個值是否被設定為 null
因為一些奇怪的需求，需要在 json 中做一些奇怪的檢查，然後研究了一下怎麼檢查 null 這個值，做點記錄…
<?php
$b = '{"demo":null}';
$c = json_decode($b, true);
// ['demo' => null];
- Jul 29 Mon 2013 21:56
-
用 jQuery.text().html() 組 HTML
最近在進行的一個案子中，其中一個需求是要透過 API 取得 JSON ，然後再把 JSON 的內容組成適當的 HTML 顯示出來。
因為 JSON 並不會處理掉 < > 之類的字元，原本想說大概是要寫個類似字串替換的程式，把 < > 自行代換成 < > 之類的。
後來 google 了一下，找到一個還蠻方便的寫法，就寫一篇記下來…
首先用 jQuery 隨便產生一個 div, a, b, p, span 之類的 html 標籤 jQuery 物件：
$('<a>');- Jan 06 Fri 2012 14:17
-
git apply 的筆記
今天很難得用到 git apply ，所以記錄一下。
diff 檔的來源大致上是對某個地方做一些修改，然後 git diff > my.diff 生一個。
然後把這個 diff 檔放到目的 repository 的適當地方，然後 git apply my.diff 。完了以後可以 git diff 看一下有沒有問題，沒有問題就可以 git add 了。
- May 08 Sat 2010 15:21
-
git rebase 和 git merge 的一些筆記
會想要用 git rebase ，單純只是因為 git merge 會產生類似 merge branch 'master' of blah 的訊息。
不過由於後來有遇到一點問題，不確定做法是不是對的，就先做個記錄…
首先先對目標 branch mytarget 下
git co mytarget
git co -b testbranch
- Apr 13 Tue 2010 23:33
-
試玩 Sikuli IDE
