對于網頁設計,字體是非常重要的一部分。如何設置網頁的字體呢?一種比較簡單的方法是將字體設置為微軟字體。
@font-face{
font-family:"Microsoft YaHei";
src:url("http://qiniu.x-mind.top/font/MicrosoftYaHei.ttf");
}
body{
font-family:"Microsoft YaHei",sans-serif;
}
代碼解析:
首先,我們使用了 @font-face 屬性,這個屬性可指定一個字體文件來用于生成頁面的字體,它的工作方式是通過將字體文件讀入,創建一種新的字體,并將其賦值給一個自定義的字體系列名稱。所以我們在這里將字體文件的地址設置為 url("http://qiniu.x-mind.top/font/MicrosoftYaHei.ttf")。
接著,在我們的 body (或其他元素)中使用 font-family 屬性,而將 font-family 里的第一個字體設置為 "Microsoft YaHei"。我們使用 sans-serif 作為第二個字體,在第一個字體無法使用時它將作為回退字體。
這樣,我們就可以將網頁的字體設置為微軟字體了。同時,我們也可以根據自己的需要去設置其他字體。