本文作者:心月

自定義網站字體設置3步輕松搞定

心月IT博客 06-16
自定義網站字體設置3步輕松搞定摘要:很多時候我們在設置網站的時候,想讓自己的網站變得非常有個性,就想給自己網站的文字自定義字體,但又擔心,訪客使用的系統里沒有你設置的這種字體,所以只能無奈放棄。今天心月就和大家分享一個網站文字字體自定義設置的方法,讓即便沒有你設置的字體的訪客也能看到你設置的字體效果。

        很多時候我們在設置網站的時候,想讓自己的網站變得非常有個性,就想給自己網站的文字自定義字體,但又擔心,訪客使用的系統里沒有你設置的這種字體,所以只能無奈放棄。

        今天心月就和大家分享一個網站文字字體自定義設置的方法,讓即便沒有你設置的字體的訪客也能看到你設置的字體效果,而且只需要3步就能輕松搞定。

1、字體上傳

        將你準備使用的字體上傳的網站空間。任意位置都可以。因為不同瀏覽器對字體版本的兼容性不一樣,所以我們得把同一字體的不同版本都上傳到網站空間。

不同版本字體的瀏覽器適用說明:

.TTF或.OTF,適用于Firefox 3.5、Safari、Opera
.EOT,適用于Internet Explorer 4.0+
.SVG,適用于Chrome、IPhone

2、字體聲明

        上傳到網站空間的字體不能直接使用,必須通過css聲明之后才能適用。css字體聲明的方法:

MyCustomFont:聲明字體的名稱,這個名稱你可以自己任意命名,但不能包含中文和特殊字符。

src: url("Quasart.ttf") :待使用字體的路徑,即你剛剛上傳到網站空間的字體的位置。

3、字體使用

        字體聲明好之后就可以使用了,聲明字體的使用和其他常規字體的使用方法是一樣的,只需給需要用的這個字體的文字加上fong_family屬性即可。

        注意:在使用之前必須聲明。我們可以單獨寫一個css字體聲明文件,在使用的時候只需在調用聲明文件就可以了。

        到此,自定義字體的設置就完成了。

文章版權及轉載聲明:

本文由 心月IT技術博客 博主整理于 06-16
若轉載請注明原文及出處:http://www.sae4.cn/jianzhan/67.html

分享到:
贊(
發表評論
快捷輸入:

驗證碼

    評論列表 (有 1 條評論,人圍觀)參與討論
    網友昵稱:心月IT博客網友
    心月IT博客網友游客11-17回復
    能在詳細一點嘛?