文章內(nèi)容

打造屬于你自己網(wǎng)站的網(wǎng)絡(luò)字體

發(fā)布時(shí)間: 2012/8/17 14:04:40

剛從網(wǎng)絡(luò)著名個(gè)人獨(dú)立博客大師萬(wàn)戈的博客拜訪回來(lái)，萬(wàn)戈大師更新了一篇關(guān)于谷歌WebFonts API使用的文章。確實(shí)又一大革新啊，掀起了網(wǎng)頁(yè)字體云服務(wù)運(yùn)動(dòng)的新高潮。谷歌WebFonts服務(wù)的優(yōu)勢(shì)，我就不細(xì)說(shuō)了，感興趣的同學(xué)可移步VIA去觀摩。

不過(guò)有點(diǎn)大大限制就是服務(wù)在谷歌，不穩(wěn)定，存在不可抗拒力因素。還有一點(diǎn)小小遺憾就是不提供中文字體服務(wù)，廣大中文博客使用愛(ài)好者無(wú)法享受這服務(wù) 啊。不過(guò)，我這里為大家提供一個(gè)更好的就解決方法，不好不準(zhǔn)拍哦。

下面是我以前在網(wǎng)絡(luò)上亂竄時(shí)，無(wú)意中發(fā)現(xiàn)的一種為自己的網(wǎng)站或者博客架設(shè)自己專用字體。是一個(gè)專門為客戶提供專業(yè)字體服務(wù)的公司，有興趣的同學(xué)也可以VIA前去了解真相。

現(xiàn)在就說(shuō)說(shuō)如何為你的網(wǎng)站添加你自己的字體：為你的網(wǎng)站添加字體是一件非常簡(jiǎn)單的事情，你所要做的就是要有對(duì)CSS和字體理解的基礎(chǔ)。接下來(lái)你只需按下列指導(dǎo)步驟添加即可。

1、上傳你的專用字體到你的網(wǎng)站；

2、將下列代碼添加到你的樣式表中（當(dāng)然你也可以使用：link樣式導(dǎo)入）；

@font-face {
font-family: "your font name";
src: url('location/myfont/font.ttf') format("truetype");
}

3、現(xiàn)在就你可以像使用普通字體一樣應(yīng)用你自己專用的字體。

div {
font-family: "your font name";
}

呵呵，以防不測(cè)，建議在后面添加一個(gè)備用的網(wǎng)頁(yè)安全字體。例如：font-family： Calligraffitti，Arial;。有個(gè)缺點(diǎn)就是中文字體庫(kù)牛13的大，推薦使用英文字體庫(kù)。

WebFonts字體服務(wù)還是很有大的優(yōu)勢(shì)的，比如說(shuō)：

1、兼容WEB。即使訪問(wèn)用戶電腦上沒(méi)有安裝過(guò)的字體也能顯示，因?yàn)檫@個(gè)字體存放于你自己的網(wǎng)站上。

2、無(wú)需JS。

3、免費(fèi)DIY。