幫你專心工作的音樂站+谷歌字體在線搜索神器

 　　今天的酷站 兩連發，一個是專為工程師打造的極客風音樂網站，用音樂幫你集中精神，高效工作，設計師當然也適用。第二個是可以快速搜索Google Fonts，在線實時預覽效果，快速產生字體代碼的FontCDN，都非常實用，馬住!

　　Music for Programming 號稱是為工程師設計的音樂頻道，網站走極客(Geek)風，采用固定寬度字體，讓網站看起來像在浏覽終端機。網站一共收錄 36 張音樂專輯，每張專輯長度大約在一小時左右，使用者只需打開網站、按下 Play 播放即可收聽。

　　網站有許多不同風格的音樂，根據說明，這些音樂有助於在寫程序時營造出更專心、更有效率的工作環境，當然你也可以在任何工作中盡情使用，而不僅限於程序設計(例如我在寫這篇文章時也正在聽 Music for Programming)。隨意聽了幾張作品，風格類似於 Interstellar 電影中那種虛幻且帶有點神秘感的音樂，我很喜歡。

　　如果你想把它帶著走，可免費下載這些 Mp3 音樂，將它保存於你的手機或播放器。

　　Musicforprogramming

　　STEP 1

　　開啟 Music for Programming 網站後，可以看到上方有網站介紹，在 Episodes 收錄 36 種不同的音樂專輯。任意點選其中一張專輯名稱後，右側會顯示詳細曲目以及控制鈕。

　　點選右側的「PLAY」就能開始播放音樂。此外，專輯底下也會列出 Mp3 下載鏈結，如果你喜愛某張作品，可以免費將它下載、保存到計算機中。利用控制鈕，也能暫停播放、停止或快轉。

　　值得一試的三個理由：

　　收錄 36 張不同音樂專輯，每張長度約為一小時左右

　　專為工作(特別是寫程序)設計的音樂，更適合專心、提高工作效率

　　無須登入或安裝軟件，還能免費下載 Mp3 格式音樂

　　Fontcdn

　　對於網頁開發者來說，Google Fonts 提供了一系列相當豐富的網頁字型資源，讓我們可以免費使用數百種字體，藉此讓網頁更加美觀，提升整體易讀性。但如果經常使用 Google Fonts 的話，會發現它的網站界面其實不好操作，於是國外有使用者重新改造，推出一個便於操作的替代方案。

　　若你是 Google Fonts 的愛好者，或者工作上經常用到，但又希望有個更快、更簡單的方式來搜尋和選擇需要的字型，FontCDN 為此而生!透過 FontCDN 你可以快速搜尋超過 700 種以上的網頁字型組合，實時獲取任何字型的 HTML 及 CSS 程序代碼。

　　開發者 Thomas Park 表示，FontCDN 與 Google Fonts 設計的用途走向完全不同，不做為深入探討字型或比較字型差異，FontCDN 目標是讓開發者快速取得自己需要的字型，套用到自己在開發的項目上。

　　若你正在尋找 Google Fonts 替代方案(或者說，一個更好使用 Google Fonts 的方式)，那麼這個服務或許適合你。

　　STEP 1

　　開啟 FontCDN 網站後，從左側工具欄來進行相關搜尋或篩選。你可以找任何特定種類的字型，或者建議用於內文、標題的字型集，以熱門度、名稱、日期來進行排列。

　　此外，還能切換不同的預覽模式(或自己輸入要預覽的文字)，調整字號，FontCDN 讓你在在線快速預覽這些網頁字型。當然這些字型都來自 Google Fonts，可免費套用到自己的開發項目或網頁設計 。

　　STEP 2

　　點選任一字型後，會開啟一個選擇加載樣式的畫面，選取要使用的字型樣式(例如 Light、Normal、Bold 等等)，依據不同字型也會有不一樣的樣式設計，建議不要選擇太多，可能會影響加載速度。

　　選好後，FontCDN 就會在上方產生 Google Fonts 的程序代碼，例如以連結方式來加載 CSS、或是透過 @import 來加載字型，最底下也會有套用到 font-family 的范例。

　　就這樣，沒有下一步了，是不是比 Google Fonts 的接口還要簡單不少呢?

　　值得一試的三個理由：

　　替代 Google Fonts 原始接口，讓選擇及預覽網頁字型更簡單

　　可篩選字型分類、樣式，在線實時預覽字型效果

　　快速產生網頁字型程序代碼