在網頁設計中,字體的選擇極為重要。對于一些特殊的字體,如果使用默認的一些字體,那么就不能完全展現設計師的想法。此時,css自定義字體就變得格外重要。
在css中,定義自定義字體非常方便。首先,需要定義一個@font-face規(guī)則,其中要指定字體文件的路徑和格式。這里所指的格式,可以是TrueType(.ttf)、OpenType(.otf)等等,這樣瀏覽器就能根據需要載入字體文件。
@font-face { font-family: "myFont"; src: url("myFont.ttf") format("truetype"); }
上述代碼中,“myFont”是字體的名稱,這個名稱可以任意取。而“myFont.ttf”是字體文件的路徑,“truetype”是字體的格式。這樣,在樣式中,就可以通過“font-family”屬性來引用這個字體了。
div { font-family: "myFont", sans-serif; }
上述代碼中,“sans-serif”是指在“myFot”字體不可用時所要使用的備選字體。這樣,當字體不可用時,用戶也可以看到相同的字體,這也是非常重要的一點。
總而言之,使用css自定義字體可以讓網頁顯示更加個性化,也更加貼近設計師的想法。需要特別注意的是,字體文件需要放在瀏覽器可以訪問到的路徑下,這樣才能正常使用自定義字體。
上一篇css自定義字體名字
下一篇ajax異步出現數據丟失