真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

CSS3中如何引入多種自定義字體font-face-創(chuàng)新互聯(lián)

這篇文章主要介紹了CSS3中如何引入多種自定義字體font-face，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司是一家專注于網(wǎng)站設計、成都網(wǎng)站制作與策劃設計,原陽網(wǎng)站建設哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設十年,網(wǎng)設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:原陽等地區(qū)。原陽做網(wǎng)站價格咨詢:18982081108

今天在HTML中發(fā)現(xiàn)了一個問題，提供給我們默認的字體有很多，但是除了那些“黑體”、“宋體”、“楷體”等支持中文字體之外，其余的都不知道中文字體，如果我們需要用自己喜歡的字體怎么辦呢？CSS3中是否可以引入自定義下載的字體呢？如果可以我們應該怎么引入？帶著這一系列的問題我們來看下解決方案,說什么都不如看效果，下面是三種字體在網(wǎng)頁中的效果，“春聯(lián)標準字體”、“江南藝術調(diào)字體”和“毛浙東藝術字體”的效果：

谷歌瀏覽器：

CSS3中如何引入多種自定義字體font-face

火狐瀏覽器：

CSS3中如何引入多種自定義字體font-face

以上就是效果展示，大家有個了解就可以了！
接著我們看下怎么在CSS中引入：

首先我們要引入某個字體，就應該有這么個字體，（用戶不需要有），下載字體放到項目的font文件夾下面

CSS3中如何引入多種自定義字體font-face

字體下載大家在網(wǎng)上自行下載，也可以在這里下載，下載完成之后我們就來引入字體

HTML代碼：



	
		
		字體文件測試
	
	
		春聯(lián)標準字體測試

江南藝術調(diào)字體測試

毛澤東字體測試

然后就是CSS樣式設置：

@font-face { font-family:'chunlian'; src: url(font/chunlian.ttf); } @font-face { font-family: 'jiangnan'; src:url(font/jiangnan.ttf); } .chunlian{ font-family: 'chunlian'; font-size: 50px; text-shadow: none; } .jiangnan{ font-family: 'jiangnan'; font-size: 40px; } @font-face { font-family: 'maozedong'; src:url(font/maozedong.ttf); } .maozedong{ font-family: 'maozedong'; font-size: 50px; text-shadow: none; }

如果再加入其他字體直接在CSS中寫@font-face即可！

感謝你能夠認真閱讀完這篇文章，希望小編分享的“CSS3中如何引入多種自定義字體font-face”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設公司，，關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關知識等著你來學習!

http://weahome.cn/article/dhjsco.html