標籤彙整:css3

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

Google Fonts, 思源黑體

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

in CSS 語法 - 網頁設計, Free Resource 好康報報

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

範例完成圖

大家好,上次已經有介紹過「 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 Dreamweaver 網頁設計, Free Resource 好康報報, Good Design 好站報報, Photoshop 影像設計

CSS3 Transition 轉場動畫應用實例 – 滑動廣告篇

01

再來一篇換湯不換藥的範例,我們稱它為滑動廣告!其觀念是與前篇一模一樣,僅僅是 HTML 結構不一樣而已!請各位仔細聽我說來…若還不熟悉請見以下兩篇文章~淺談 CSS3 Transition 轉場動畫效果 CSS3 Transition 轉場動畫應用實例 – 滑動選單篇 繼續閱讀

in CSS 語法 - 網頁設計