close
Blogtrottr
♣梅問題‧教學網【Minwt】♣
分享關於Photoshop教學|商品攝影|網頁教學|Wordpress教學|iPhone教學| Flash教學|jQuery教學...等
《justfont 雲端字型》讓網頁不再只有新細明體
Jul 17th 2013, 01:30, by admin

梅問題－網頁必知－《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
將剛的程式碼，貼到
梅問題－網頁必知－《justfont 雲端字型》讓網頁不再只有新細明體
Step11
接著CSS的部分，將要套用此字型的區塊，加入font-family:wt011。
梅問題－網頁必知－《justfont 雲端字型》讓網頁不再只有新細明體
Step12
馬上來預覽看看，哈~網站中的字型全部變成剛所設定的字型啦!
梅問題－網頁必知－《justfont 雲端字型》讓網頁不再只有新細明體
參考網址：http://minwt.free.tahost.net
分享給更多朋友 分享
標籤： 網設必知, 網頁字型, 網頁雲端字型
引用網址： ※如有發現掉圖或檔案無法下載，請由回應區留言告知，將會盡速處理！謝謝。
※本站採用CC授權請勿全文轉貼本站文章，歡迎「部份引用」與介紹，並註明出處，謝謝。

This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers. Five Filters recommends: 'You Say What You Like, Because They Like What You Say' - http://www.medialens.org/index.php/alerts/alert-archive/alerts-2013/731-you-say-what-you-like-because-they-like-what-you-say.html
You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 nbv14tiaw18li 的頭像
    nbv14tiaw18li

    進擊的巨人14, 進擊的巨人線上看, 進擊的巨人漫畫, 進擊的巨人遊戲, 進擊的巨人 動畫, 進擊的巨人 線上漫畫, 進擊的巨人14線上看, 進擊的巨人13, 進擊的巨人 h, 進擊的巨人op

    nbv14tiaw18li 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄