在一般的網(wǎng)頁(yè)設(shè)計(jì)中，網(wǎng)頁(yè)中的字體都是使用font-family這個(gè)CSS屬性，但是一般默認(rèn)的微軟雅黑、宋體等種種默認(rèn)字體都是比較規(guī)范但稍顯死板的字體。如果想在自己的網(wǎng)頁(yè)中使用比較個(gè)性的字體，應(yīng)該怎么做呢？接下來(lái)就英語(yǔ)和漢語(yǔ)兩方面總結(jié)一下我嘗試過(guò)的方法：

一.優(yōu)秀的英文字體庫(kù)——Google Fonts

用法說(shuō)明：

假如你在Google Fonts中看中了如下字體，想應(yīng)用到自己設(shè)計(jì)的網(wǎng)頁(yè)中：

1.點(diǎn)擊字體右上角的“加號(hào)”，將選中的字體添加到使用列表當(dāng)中：

2.接下來(lái)其實(shí)按照上面的提示來(lái)操作就行了：
a.在head標(biāo)簽內(nèi)加入link標(biāo)簽：

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">

b.在需要使用個(gè)性字體的標(biāo)簽樣式里添加屬性：

font-family: 'Lobster', cursive;

就是這么簡(jiǎn)單，接下來(lái)看一個(gè)實(shí)際操作的例子：

網(wǎng)頁(yè)中的效果：

二.優(yōu)秀的中文字體庫(kù)——有字庫(kù)

用法說(shuō)明：

假如你在有字庫(kù)中看中了如下字體，想應(yīng)用到自己設(shè)計(jì)的網(wǎng)頁(yè)中：

1.點(diǎn)擊該字體進(jìn)入詳細(xì)介紹，再點(diǎn)擊立即使用：

2.可以很清晰地看到有兩種使用方式并且它們的不同之處，所以這里就不再重復(fù)。囈CSS模式下使用為例：

點(diǎn)擊生成之后：

將里面對(duì)應(yīng)的內(nèi)容加到代碼中就好。

舉個(gè)例子：

在網(wǎng)頁(yè)中的效果：

okay，以上就是今天的總結(jié)。

最后，小小的畫(huà)外音：為什么不靠IT找工作研究一下相關(guān)內(nèi)容也會(huì)顯得很奇怪？？今天恰好get到了這兩個(gè)新知識(shí)就想著記下來(lái)，反正記下來(lái)以后總有用得到的一天。

總結(jié)

以上是生活随笔為你收集整理的在网页中使用个性字体的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。