使用@font-face自定義字體
我們在瀏覽國外的一些個人網站時，總是可以發現一些非常個性的字體，比如
但是因為在電腦上安裝的字體有限，所以很多時候我們都找不到自己想要的字體，這時候我們就需要使用css3提供的@font-face來實現個性化字體了。
但是說@font-face是css3中的新特性是不准確的，因為在css2中就已經支持了這一特性，ie瀏覽器當時也已經支持它了，只是其他瀏覽器還不支持。而目前，各大瀏覽器都已經支持這個新特性了。具體這個特性怎么使用呢？看下面的代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
@font-face{
font-family:myFont;
src:url('rajdhani-bold.ttf')，url('rajdhani-bold.eot');
}
p{
font-family: myFont;
}
</style>
</head>
<body>
<div>
<p >Ha,those words will be changed.</p>
</div>
</body>
</html>
第一：我們需要在css中引入@font-face，在里面使用font-family設置自己想要取的字體名稱，這里我取作myFont（當然也可以是yourFont等等等等）。
第二：我們需要下載自己喜歡的字體。但是應當知道：Firefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type Fonts) 和 .otf (OpenType Fonts) 類型的字體。而Internet Explorer 9+ 支持新的 @font-face 規則，但是僅支持 .eot 類型的字體 (Embedded OpenType)。Font Squirrel這個免費的字體資源網站上有很多字體提供下載，上面多是otf和ttf格式的字體。除此之外，defont.com也是一個免費的字體資源網站，下載后的格式一般為ttf。顯然這兩個網站下載的主要字體都沒有辦法兼容IE瀏覽器。為此，我們可以使用TTF to EOT Font Converter這個字體轉換工具，將ttf格式的字體轉換為eot格式來兼容IE瀏覽器。但是最好的字體轉換工具還是Font Squirrel提供的generator， 進入之后選擇expert選項，就可以實現各種字體格式之間的轉換了。
第三：下載之后，通過解壓縮得到文件，並通過字體轉換工具，轉換為兼容IE的eot格式。比如使用src:url("rajdhani-bold.ttf"),url("rajdhani-bold.eot");即可將字體引入，其中url為相對路徑或者是絕對路徑。
第四：這時，我們就可以在css中通過font-family來加入自己的個性化字體了。
這是未使用自定義字體之前的文字：
這是使用了自定義字體之后的文字：
好的，今天的自定義字體就總結到這里了。送給大家一句話：
記住該記住的，忘記該忘記的。改變能改變的，接受不能改變的。