加勒比HEZYO黑人专区-久久精品国产99国产精品亚洲-精品国产18久久久久久-久久人妻少妇嫩草AV

歡迎光臨 織晶網絡官網!

  • 服務支持
  • 020-39182790
技術文檔您現在的位置:首頁 > 服務支持 > 技術文檔

網頁中如何調用一些特殊字體或藝術字體?

作者:織晶客服部   發布于:2020/3/14 9:26:33  點擊量:  來源:織晶網絡

在國內,中文網站顯示的字體主要是以微軟雅黑或宋體為主,而英文網站上顯示的字體就豐富多樣,畢竟英文字體類型容量比較小,網頁加載比較快。網站上由于不同用戶對特殊字體或藝術字體顯示樣式的青睞,網頁上會調用用戶想要的字體類型。那么,用戶要求的字體是如何在網頁中調用與顯示呢?

第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函數的方法進行調用,如加載谷歌網站庫中的字體,來產生想要的效果,要注意的是,由于中國大陸谷歌庫網站不能打開,導致效果不能產生。



上一篇:FTP協議中21端口和20端口的詳解

下一篇:什么是IPv6技術?