Google Font API - 替你的網站加入豐富字體

而Google Font API的出現便是替廣大網頁設計師、開發者們解決這個問題！ ... 網路趨勢發展,Google I/O,font (google-font-api-add-various-fonts-to-your-website) 集團資訊 關於我們 集團介紹 我們的團隊 旗下媒體 關鍵評論網 everylittled. INSIDE 運動視界 Cool3c 電影神搜 未來大人物 歐搜哇 商益 旗下節目 多元服務 Ad2 Taketla拿票趣 關鍵議題研究中心 Cr.ED ShareParty 達思智能科技 士奇傳播 與我們合作 內容行銷與廣告業務 異業合作 原創內容暨內容媒體業者合作 加入我們 新聞中心 趨勢 GoogleFontAPI-替你的網站加入豐富字體 2010/05/22 Richard Google 、網路趨勢發展 、GoogleI/O 、font 以往的網頁設計師在設計網頁的時候，時常會遇到一個問題便是可使用字體的不足。

在以往的瀏覽器中，即便我們設定了特定的字體，但若是使用者的電腦中沒有該字體則無法顯示。

而GoogleFontAPI的出現便是替廣大網頁設計師、開發者們解決這個問題！ 評論 評論 以往的網頁設計師在設計網頁的時候，時常會遇到一個問題便是可使用字體的不足。

在以往的瀏覽器中，即便我們設定了特定的字體，但若是使用者的電腦中沒有該字體則無法顯示。

而GoogleFontAPI的出現便是替廣大網頁設計師、開發者們解決這個問題！以往的狀況誠如序文所提到的，以往在網頁上，我們能使用的字體大多侷限於使用者端所安裝的字體，也就是，即便網頁設計者使用了多炫的字體，若是使用者沒有安裝同樣的字體，則仍然無法顯示。

因此在以往，網頁設計者往往會如下圖一般將字體作成圖片，並且搭配CSS的一些技巧來將文字替換為文字：這樣作有不少缺點，除了缺乏彈性之外，使用者也沒有辦法複製圖片上的文字。

@font-face為了解決這個問題，CSS2（不是CSS3）就有提供一個@font-face屬性可以讓CSS設計者加入自己喜歡的字體。

但問題是，各家瀏覽器對於@font-face的支援進度緩慢，一直到去年大多數的瀏覽器才開始正式支援@font-face，而問題並未結束，每個瀏覽器所支援的字型格式又有不同，對於大說數網頁設計者而言仍然不易上手。

除此之外，@font-face必須將字體上傳到網路上、讓讀取頁面的使用者瀏覽器可以下載、並且顯示，而這又帶來兩個問題：首先、字體檔案一般而言檔案都相當的大，若是將檔案存放在自己的主機上必然會對流量造成一定的負擔。

另外一個問題則牽涉到字體的授權問題，由於一般我們所購買的字體授權都僅能提供個人使用，而@font-face實際上如同於將字體放在網路上提供給大家下載，會有一些侵權的疑慮。

Typekit&WebFonts而Typekit及WebFonts這兩間雲端字體服務便是替大家解決上述的兩個問題，除了提供各種沒有授權問題的字體外、我們也不需要擔心字體存放、流量的問題，這部份統統都交給服務商的雲端主機管理。

然而，這些服務當然並非免費，以Typekit而言最基本的收費是$24.99美金起跳，如下圖：雖然如此，但許多網頁設計師們仍然趨之若騖，畢竟這些服務的確解決了長久以來的字體問題。

GoogleFontAPIGoogleFontAPI是在今年剛落幕的GoogleI/O開發者大會中所公佈的新服務，提供了一個簡單的介面讓網頁開發者、設計師能夠嵌入漂亮的字體到自己的網頁當中。

如Google新聞稿中所說，這項服務是Google與上述所提到的Typekit一同合作打造出來的，且是完全免費的。

在GoogleFontDirectory中可以看到Google在公佈API的同時也開放了如下圖十八種不同的字體：除此之外，GoogleFontAPI對於各瀏覽器的支援也相當不錯，如下：GoogleChrome:version4.249.4+MozillaFirefox:version:3.5+AppleSafari:version3.1+Opera:version10.5+MicrosoftInternetExplorer:version6+使用方法在使用上，我們只需要在HTML文件中加入以下CSS檔（後方參數可以替換為GoogleFontDirectory上的任一字體）：然後針對需要修改字體的段落加入CSS片段、如： h1{font-family:'YanoneKaffeesatz',arial,serif;}這樣就可以順利使用這些漂亮的字體了！參考資源@font-facebrowsersupport測試混合fontface雲端服務，WebFonts+Typekit 分享文章或觀看評論 評論 Richard 平日關注於社群媒體以及行動上網的相關話題，熱愛技術。

近日主要工作為開發iOS的應用程式，歡迎各位讀者與我交流。

Twitter/Facebook:@dlackty、Email:[email protected]。

品牌 疫情升溫，數位轉型不能等！報名6/30AWSomeDay即刻啟動企業上雲 2022/06/07 廣編企劃 雲端 、AWS 、數位轉型 、企業雲端 、AWSOMEDAY 、雲端培訓日 、AWSomeDayQ3 疫情正大力促進數位轉型，而我們只能選擇跟上。

免費報名全球雲端服務供應龍頭AWS於6月30日下午舉辦的「AWSomeDay線上雲端培訓日」，展開雲端之旅重要第一步。

評論 SPONSORED 評論 台灣疫情升溫，每日確診人數已破萬人大關，愈來愈多民眾被匡列居家隔離，遠端工作、混合辦公模式成為企業不得不採取的措施。

此時此刻，台灣才正要體驗過去兩年國外經歷過的「疫情現實」，這也意味著企業必須立刻採取行動進入雲端、展開數位轉型；而個人也必須提升雲端技能，以維持在疫情時代的競爭力。

為了幫助企業／個人能迅速具備數位轉型思維與基礎技能，雲端服務供應商龍頭AWS（亞馬遜網路服務公司）於6月30日下午舉辦「AWSomeDay線上雲端培訓日」，開放任何想了解雲端服務與數位轉型的人士免費報名參加。

疫情正大力促進數位轉型，而我們只能選擇跟上。

企業上雲、數位轉型是必然趨勢網路時代與經濟全球化，企業必須不斷創新與成長，才能在市場上保有生存空間與競爭力。

而數位轉型的思維、善用雲端工具，是必然的趨勢。

數位轉型是一趟漫長且無止盡的路，而且幾乎當代所有的企業（無論規模大小）都必須迎接這項考驗；「數位轉型」意味著善用科技工具，為每一項任務帶來最有彈性且高效率的結果。

對此，Amazonwebservices（亞馬遜網路服務公司）從很早開始便分享自身經驗與雲端服務技術，帶領全球包含輝瑞、Meta臉書及BMW等知名企業踏上數位轉型及創新之路，邁向穩定的成功。

具體而言，AWS可以幫助企業做到至少這三件事：花更少的時間來構建與管理IT基礎架構，使企業專注本業創新將地端固定成本（資料中心、實體伺服器等）轉化變動費用，透過規模經濟大幅節省企業支出提供高可用、高擴展具彈性的雲端服務與技術，因應企業各種業務需求立即報名6月30日AWSomeDay線上雲端培訓日AWS雲端服務能為企業帶來最安全、節省的解決方案對初探雲端世界或數位轉型剛起步的使用者來說，常見的迷思不外乎是「資安、費用」兩大項，對此，AWS也都給予真實且有效的回應。

AWS作為全球數一數二的雲端供應服務商，資安等級不言而喻，AWS打造的核心基礎架構可滿足軍隊、全球銀行及其他高度機密組織的安全性需求。

支援90項安全標準和合規認證，且儲存客戶資料的所有117項AWS服務均提供加密該資料的能力。

此外，AWS更不斷創新功能，確保資安維護無虞。

而採用AWS的雲端服務，是依據實際雲端服務使用量採取實支實付，更能幫企業節省成本。

AWS提供跨產業、跨規模、跨技術的雲端服務，無論是廣告行銷、金融服務、遊戲技術、媒體娛樂的產業需求，或是尋找分析和資料湖、機器學習、無伺服器運算、儲存等解決方案，都能在AWS找到解答，甚至進一步透過AWS獲得來自全球的資源與合作夥伴。

因此，無論是資訊主管、IT及技術經理、開發團隊、工程師，或是毫無背景但有志成為雲端技術服務的從業人員，甚至雲端小白，都能在6月30日AWSomeDay線上雲端培訓日有所收穫，為自身企業需求開啟重要的第一步。

立即報名6月30日AWSomeDay線上雲端培訓日 立即報名6月30日AWSomeDay線上雲端培訓日，展開雲端之旅總之，AWS雲端服務的強大功能與優勢，唯有親身體驗才知道。

在AWS定期舉辦專為入門者打造的「AWSomeDay雲端培訓日」中，將有原廠資深課程講師深入淺出地實作示範，一步步帶領大家了解雲端技術以及AWS服務，並且一一破解雲端議題相關的迷思。

此外，報名活動並全程參與線上培訓者，還有多重好禮與抽獎機會（詳見下圖），歡迎對雲端世界有興趣的初心者報名參加。

立即報名AWSomeDay雲端培訓日！報名即享免費試用服務時間：2022年6月30日（四）13：30-16：45地點：線上參加，報名後將收到專屬連結注意事項：請點選報名連結，填寫資料後即可完成報名。

在本課程中，專業講師也會分享如何透過AWS帳戶免費使用高達200多種服務，為提高課程參與，建議您可於課前註冊AWS帳號，以便在課程中同步操作體驗。

於5/20～7/8間完成新戶帳號註冊，還可獲得AWSomeday加碼限定好禮「AWS客製三合一數據線」！（AWS帳號註冊為免費，註冊完成會試刷一筆1元美金驗證您的信用卡，並於下期帳單退還；AWS帳號註冊須提供英文住址，可參考中華郵政中文住址英譯服務。

）講師陣容與精彩議程如下圖： 分享文章或觀看評論 評論 廣編企劃 由關鍵評論網媒體集團《業務團隊》製作，由各品牌單位贊助。

業務與行銷相關合作，歡迎與我們聯繫。