《justfont 雲端字型》讓網頁不再只有新細明體

梅問題-網頁必知-《justfont 雲端字型》讓網頁不再只有新細明體
  許多從事網頁設計的朋友,應該常會遇到客戶反應說,這個字型不好看,可以換其它字型嗎?由於一般的電腦預設都有細明體,所以網頁就抓取電腦預設的字型為主,雖然可透過font-family來指定字型,但使用者電腦若未安裝這字型時,就會無法顯示,除此之外也可將字型直接嵌入網頁中,但隨便一個中文字型都5、6MB,且嵌入過程相當的麻煩,所以一般都會建議客戶使用預設的就好了,而最近網路出現一個超棒的字型服務,可將網頁的字型,任意的改成自已喜愛的字型,讓你的網頁就不會再只有新細明體,同時這個線上的字型服務,支援的字型相當多,因此下回當有客戶想改字型時,再也不是夢想啦!至於怎麼用,現在就一塊來看看吧!

justfont雲端字型:
網站名稱:justfont雲端字型
申請網址:http://www.justfont.com/register/

justfont雲端字型-註冊:
Step1
進入網站後,點右上角的註冊鈕,並輸入基本資料,或是用Facebook、Pixnet來登入與註冊。
梅問題-網頁必知-《justfont 雲端字型》讓網頁不再只有新細明體
Step2
註冊完畢後,接著到剛所輸入的信箱中收取啟用信。
梅問題-網頁必知-《justfont 雲端字型》讓網頁不再只有新細明體
Step3
點一下信中的連結,來啟用帳號。
梅問題-網頁必知-《justfont 雲端字型》讓網頁不再只有新細明體
justfont雲端字型-新增專案字型:
Step4
啟用完畢後,再點右上角的新增專案鈕。
梅問題-網頁必知-《justfont 雲端字型》讓網頁不再只有新細明體
Step5
由於它是綁定網域,所以輸入要套用的網域名稱。
梅問題-網頁必知-《justfont 雲端字型》讓網頁不再只有新細明體
Step6
接著點畫面右下方的免費字型,接著找到喜歡的字型後,再按一下加入
梅問題-網頁必知-《justfont 雲端字型》讓網頁不再只有新細明體
Step7
加入好後,再點右上角剛所建立的專案名稱的,管理專案選項。
梅問題-網頁必知-《justfont 雲端字型》讓網頁不再只有新細明體
justfont雲端字型-嵌入網頁中:
Step8
再點一下JS鈕。
梅問題-網頁必知-《justfont 雲端字型》讓網頁不再只有新細明體
Step9
接著複製輸入框中的程式碼。
梅問題-網頁必知-《justfont 雲端字型》讓網頁不再只有新細明體
Step10
將剛的程式碼,貼到</body>之前。
梅問題-網頁必知-《justfont 雲端字型》讓網頁不再只有新細明體
Step11
接著CSS的部分,將要套用此字型的區塊,加入font-family:wt011
梅問題-網頁必知-《justfont 雲端字型》讓網頁不再只有新細明體
Step12
馬上來預覽看看,哈~網站中的字型全部變成剛所設定的字型啦!
梅問題-網頁必知-《justfont 雲端字型》讓網頁不再只有新細明體
參考網址:http://minwt.free.tahost.net

相關文章

Bootstrap滾動頁籤加入hash動態變換網址,更有助於SEO

Bootstrap滾動頁籤加入hash動態變換網址,更有助於SEO

「W3layouts」上千個免費可商用RWD自適應版型下載

「W3layouts」上千個免費可商用RWD自適應版型下載

Bootstrap教學-利用Bootstrap網格系統製作出flickr相片牆效果

Bootstrap教學-利用Bootstrap網格系統製作出flickr相片牆效果

Facebook Message臉書訊息網頁版,暗藏了許多經典的小遊戲

Facebook Message臉書訊息網頁版,暗藏了許多經典的小遊戲

加入微軟聯盟行銷!不但荷包賺飽飽,Office還可免費用

加入微軟聯盟行銷!不但荷包賺飽飽,Office還可免費用





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 4 梅留言

  • 第1梅
    EVan 說道:

    感謝,終於解決字型的困擾了

    只是還些地方沒有全部更換到字型

    可以麻煩枚老師把css中的所有文字區段(html, body….等等)複製給我嗎!?

    感謝您

    回應:
    關於這部分,在上網選擇好,將相關的CSS設定複製到網頁就可以了