關鍵應用
用EMail訂閱文章 用RSS訂閱文章 搜尋文章
˄
標籤:Google Web Fonts

在網頁裡使用 Adobe 所推出的 Edge Web Fonts 免費網頁字型服務

網頁中的字型呈現,都是以瀏覽者電腦有安裝的字型為主,因此,即便是網頁製作時,所使用的字體有多美觀,除非瀏覽者的電腦有相同的字型。為解決此一困擾,因此便有網頁字型託管服務,像是 Google web fonts 由 Google 所提供的網頁字型應用服務 便是一例,現在,Adobe 也推出的 Edge Web Fonts 免費網頁字型託管服務,提供超過 500 種以上的免費字型,其中也包含所有在 Google Web Fonts 裡的開放原始碼字型,使用時,只需要將其生成的 JavaScript 語法複製到網站裡,便能以 CSS 的 font-family 方式來使用該字型,相當方便。

ContentPhoto1547

繼續閱讀»»»

Font Comparer - Google Web 字型線上預覽服務

製作網頁時,若想使用一些較特殊的字型,往往需要以圖片的方式來呈現,這是因為來瀏覽網頁者的電腦裡未必裝有該字型,若不使用圖片來呈現,有可能會出現亂碼或是以別的字型來取代,造成排版不易,Google Web Fonts 便有提供該困擾的解決方案,便是將字型以 CSS 的方式做連結,這樣製作網頁與瀏覽網頁的雙方便可以以 Google Web Fonts 為中心來取得該字型,解決此一困擾,目前 Google 提供的字型不少,要如何才能快速找到適合自己網頁裡可以使用的字型呢?可以來試試 Font Comparer 這個免費的 Google Web Fonts 進階應用線上服務,只要輸入要預覽的字體,便會一次列出目前 Google 有提供字型的預覽,並提供 CSS 的使用語法,相當方便。

ContentPhoto1130

繼續閱讀»»»

搜尋文章