今天的酷站兩連發(fā)，一個是專為工程師打造的極客風(fēng)音樂網(wǎng)站，用音樂幫你集中精神，高效工作，設(shè)計(jì)師當(dāng)然也適用。第二個是可以快速搜索Google Fonts，在線實(shí)時預(yù)覽效果，快速產(chǎn)生字體代碼的FontCDN，都非常實(shí)用。

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

網(wǎng)站有許多不同風(fēng)格的音樂，根據(jù)說明，這些音樂有助于在寫程序時營造出更專心、更有效率的工作環(huán)境，當(dāng)然你也可以在任何工作中盡情使用，而不僅限于程序設(shè)計(jì)（例如我在寫這篇文章時也正在聽 Music for Programming）。隨意聽了幾張作品，風(fēng)格類似于 Interstellar 電影中那種虛幻且?guī)в悬c(diǎn)神秘感的音樂，我很喜歡。

如果你想把它帶著走，可免費(fèi)下載這些 Mp3 音樂，將它保存于你的手機(jī)或播放器。

Musicforprogramming

STEP 1

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

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

值得一試的三個理由：

1. 收錄 36 張不同音樂專輯，每張長度約為一小時左右
2. 專為工作（特別是寫程序）設(shè)計(jì)的音樂，更適合專心、提高工作效率
3. 無須登入或安裝軟件，還能免費(fèi)下載 Mp3 格式音樂

Fontcdn

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

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

開發(fā)者 Thomas Park 表示，F(xiàn)ontCDN 與 Google Fonts 設(shè)計(jì)的用途走向完全不同，不做為深入探討字型或比較字型差異，F(xiàn)ontCDN 目標(biāo)是讓開發(fā)者快速取得自己需要的字型，套用到自己在開發(fā)的項(xiàng)目上。

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

STEP 1

開啟 FontCDN 網(wǎng)站后，從左側(cè)工具欄來進(jìn)行相關(guān)搜尋或篩選。你可以找任何特定種類的字型，或者建議用于內(nèi)文、標(biāo)題的字型集，以熱門度、名稱、日期來進(jìn)行排列。

此外，還能切換不同的預(yù)覽模式（或自己輸入要預(yù)覽的文字），調(diào)整字號，F(xiàn)ontCDN 讓你在在線快速預(yù)覽這些網(wǎng)頁字型。當(dāng)然這些字型都來自 Google Fonts，可免費(fèi)套用到自己的開發(fā)項(xiàng)目或網(wǎng)頁設(shè)計(jì)。

STEP 2

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

選好后，F(xiàn)ontCDN 就會在上方產(chǎn)生 Google Fonts 的程序代碼，例如以連結(jié)方式來加載 CSS、或是透過 @import 來加載字型，最底下也會有套用到 font-family 的范例。

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

值得一試的三個理由：

1. 替代 Google Fonts 原始接口，讓選擇及預(yù)覽網(wǎng)頁字型更簡單
2. 可篩選字型分類、樣式，在線實(shí)時預(yù)覽字型效果
3. 快速產(chǎn)生網(wǎng)頁字型程序代碼