在國內,中文網站顯示的字體主要是以微軟雅黑或宋體為主,而英文網站上顯示的字體就豐富多樣,畢竟英文字體類型容量比較小,網頁加載比較快。網站上由于不同用戶對特殊字體或藝術字體顯示樣式的青睞,網頁上會調用用戶想要的字體類型。那么,用戶要求的字體是如何在網頁中調用與顯示呢?
第1種調用方法:前提是字體類型文件要放到或安裝到網站目錄中,然后用下面的css樣式進行調用,這里注意的是調用路徑必須要正確,才能正常顯示。弊端是中文類型的字體容量太大,導致網頁打開加載字體很慢,字體的效果顯示會延遲。
CSS樣式:
@font-face
{
font-family: myFirstFont;
src: url('../../../fonts/FZLTCXHJW.ttf'), /*Firefox、Chrome、Safari, Android, IOS */
url('../../../fonts/FZLTCXHJW.eot'); /* IE9+ */
}
.css樣式{font-family:myFirstFont;}
備注:
01. 不建議網頁中使用中文字體,還是使用電腦自帶的微軟雅黑或宋體來使用。英文字體可以使用此方法,原因是英文字體文件容量小,網頁上加載英文字體比較快。
02. 中文字體調用時建議用英文字母的名稱。
03. 瀏覽器支持
.ttf (True Type Fonts)類型的字體,被Firefox、Chrome、Safari等瀏覽器支持;
.otf (OpenType Fonts)類型的字體,被Opera瀏覽器支持;
.eot (Embedded OpenType)類型的字體,被Internet Explorer 9+支持
04. 如何使用:在@font-face規則中,您必須首先定義字體的名稱(如myFirstFont),然后指向該字體文件。如需為HTML中使用字體,請通過font-family屬性來引用字體的名稱。
第2種調用方法:用js函數的方法進行調用,如加載谷歌網站庫中的字體,來產生想要的效果,要注意的是,由于中國大陸谷歌庫網站不能打開,導致效果不能產生。
下一篇:什么是IPv6技術?
掃一掃 加微信咨詢