酷站兩連發(fā)！幫你專心工作的音樂(lè)站+谷歌字體在線搜索神器

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

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

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

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

Musicforprogramming

STEP 1

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

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

值得一試的三個(gè)理由：

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

Fontcdn

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

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

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

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

STEP 1

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

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

STEP 2

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

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

就這樣，沒(méi)有下一步了，是不是比 Google Fonts 的接口還要簡(jiǎn)單不少呢？

值得一試的三個(gè)理由：

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

【優(yōu)設(shè)十一月人氣神器酷站合集】

免費(fèi)圖庫(kù)站！
《超過(guò)3億張！可以按顏色查找的免費(fèi)高質(zhì)量圖庫(kù)》

紋理背景素材站兩連發(fā)！
《酷站兩連發(fā)！專注無(wú)縫紋理素材站+多邊形背景生成器》

專業(yè)攝影師創(chuàng)建的圖庫(kù)網(wǎng)站！
《圖庫(kù)界的APPLE！專業(yè)攝影師創(chuàng)建的高質(zhì)量免費(fèi)圖庫(kù)站》

原文地址：free.com.tw

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量106萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com