標籤彙整: css3

【好站分享】「Flexbox Froggy」學習 Flexbox 的遊戲網站

首頁為第一關畫面

最近小編發現了一個不錯的遊戲網站 – 「 Flexbox Froggy 」,所以來跟大家分享一下~
遊戲的主旨很簡單,就是利用輸入正確 Flexbox 語法指令, 來幫助畫面中的青蛙們回到荷葉上;很重要的一點:有繁體中文版耶~!
當然,語法指令還是需要用英文輸入的啦… 閱讀全文

in CSS 教學 - 網頁排版, Free Resource 好康報報, Good Design 好站報報

Google Fonts 線上字體推出 5 款免費的中文網頁字型

思源黑體

Google 繼發表了開源的(免費的)思源黑體字型之後,又另外推出了 5 款免費的 中文網路字型,分別是:楷體、圓體、仿宋體、黑體、明體 5 種字體。比起我們這幾年一直在使用的 微中正黑體 是不是好看多了!感謝 Google 願意提供這麼多免費的開源字體給我們使用,感謝!感謝! 閱讀全文

in CSS 教學 - 網頁排版, Free Resource 好康報報

CSS 教學:Google Fonts 免費雲端字體-實作篇

步驟一:新建HTML

大家好,上次已經有介紹過「 Google Fonts 」這個雲端字體的免費資源,這次的教學分享,小編會利用一個簡單的網頁版型來作示範,實際教大家如何將雲端上面的字體套用到自己的網頁裡。不論是「 Google Fonts 」或是 CSS 語法的初學者,都別錯過這次練習的好機會喔… 閱讀全文

in CSS 教學 - 網頁排版, Free Resource 好康報報, Good Design 好站報報

【設計資源】 – Google Fonts 免費雲端字庫-導覽篇

google fonts index

在之前的設計資源分享文,我們跟大家介紹了新開放下載使用的思源宋體,以及「Google Noto Fonts」這個可免費下載字體的網站。
今天要跟大家進一步介紹的網站,是不僅可以下載字體到自己電腦裏頭使用,另外,還可以透過 CSS 語法功能,立即套用到網頁上的雲端字體庫 – 「Google Fonts」… 閱讀全文

in CSS 教學 - 網頁排版, Free Resource 好康報報, Good Design 好站報報

【設計資源】Google Noto Fonts – 免費下載「思源宋體」

google noto fonts

大家好!
「 Google Noto Fonts 」在前一陣子最新釋出的免費中文字體 -「思源宋體」( = “Noto Serif CJK”),不知道各位都已經下載或使用過了嗎?
歡迎現在就跟著飛肯小編,一起來認識探索一下,這個免費字型下載的好站:「 Google Noto Fonts 」吧~ 閱讀全文

in Free Resource 好康報報, Good Design 好站報報

【靈感來源】- 字型網站欣賞

這次要來介紹很棒又實用的網站,除了提供一個實例的網站參考,並且也可以參考該網站用 … 閱讀全文

in Free Resource 好康報報, Good Design 好站報報