網路字型不難-用CSS就好

3 / 28, 2012 架站技巧 , 網路

以前設計網頁時很多人喜歡用美美的字型,不過如果觀眾沒有異樣的字型檔,就會變成很醜的預設字型,甚至無法顯示,但是—-現在可以用CSS解決了!!!!即使觀眾沒有安裝,也可以看到作者選的字型!

先把字型檔上傳到網路空間或網站,然後把網址複製下來

接著在CSS加入以下語法:

<style type="text/css">

/*設定字型名稱即位置 */

@font-face {

font-family: "字型名稱1";

src: url(字型網址1);

}

@font-face {

font-family: "字型名稱2";

src: url(字型網址2);

}

/* 字型div設定 */

.1 {

font-family: "字型名稱1";

}

.2 {

font-family: "字型名稱2";

}

</style>

套用字型時用:

<span class="1">文字</span>
<span class="2">文字</span>

這樣就可以用了,不過如果是中文字型,讀取很久(英文就沒差啦,反正檔案不大),而且這樣字型很容易被偷走,所以頃想清楚再用
IMPORTANT:不支援IE(那麼爛的瀏覽器就不要管他了吧!)

  • wordpress

    你好,請問架站的wordpress也可以使用這個方法來修改字型嗎
    謝謝你