成都網(wǎng)站建設(shè)之css特殊字體的引用
2016-08-20 分類： 網(wǎng)站建設(shè)
css引入特殊字體建議只是用英文字體，中文字體太大不適合。 在CSS中通過@font-face屬性來實(shí)現(xiàn)網(wǎng)頁中嵌入特殊字體。 首先獲取要使用字體的三種文件格式.EOT、.TTF或.OTF、.SVG，確保能在主流瀏覽器中都能正常顯示該字體。 .EOT，適用于Internet Explorer 4.0+
.TTF或.OTF，適用于Firefox 3.5、Safari、Opera
.SVG，適用于Chrome、IPhone
最常見的是.TTF文件，我們需要通過這種文件格式轉(zhuǎn)換為其余兩種文件格式。 http://www.fontsquirrel.com/fontface/generator提供的在線字體轉(zhuǎn)換服務(wù)獲取字體文件格式的轉(zhuǎn)換。 在css中進(jìn)行如下聲明： @font-face {font-family: 'fontNameRegular';src: url('fontName.eot');src: local('fontName Regular'), local('fontName'), url('fontName.woff') format('woff'), url('fontName.ttf') format('truetype'), url('fontName.svg#fontName') format('svg');
}
/*其中fontName替換為你的字體名稱*/ 在css中使用這個(gè)字體
.TTF或.OTF，適用于Firefox 3.5、Safari、Opera
.SVG，適用于Chrome、IPhone
最常見的是.TTF文件，我們需要通過這種文件格式轉(zhuǎn)換為其余兩種文件格式。 http://www.fontsquirrel.com/fontface/generator提供的在線字體轉(zhuǎn)換服務(wù)獲取字體文件格式的轉(zhuǎn)換。 在css中進(jìn)行如下聲明： @font-face {font-family: 'fontNameRegular';src: url('fontName.eot');src: local('fontName Regular'), local('fontName'), url('fontName.woff') format('woff'), url('fontName.ttf') format('truetype'), url('fontName.svg#fontName') format('svg');
}
/*其中fontName替換為你的字體名稱*/ 在css中使用這個(gè)字體
h1{font-family: fontNameRegular}
本文題目：成都網(wǎng)站建設(shè)之css特殊字體的引用
文章起源：http://chinadenli.net/news/42079.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 企業(yè)網(wǎng)站建設(shè)怎么讓公司事半功倍？ 2016-08-20
- 網(wǎng)站建設(shè)時(shí)如何做好需求調(diào)研？ 2016-08-20
- 網(wǎng)站建設(shè)需要注意這4個(gè)重點(diǎn)問題 2016-08-20
- 成都專業(yè)網(wǎng)站建設(shè)需要多少錢？ 2016-08-20
- 網(wǎng)站建設(shè)的類型與功能介紹 2016-08-20
- 你了解企業(yè)網(wǎng)站建設(shè)前的種類和特性嗎？ 2016-08-20
- 如何選擇網(wǎng)站建設(shè)公司-創(chuàng)新互聯(lián) 2016-08-20
- 網(wǎng)站建設(shè)如何備份數(shù)據(jù)？ 2016-08-20
- swiper多個(gè)特效怎么在同一頁面上使用（成都網(wǎng)站建設(shè)） 2016-08-20
- 成都網(wǎng)站建設(shè)最關(guān)鍵的環(huán)節(jié)是網(wǎng)站的兼容性 2016-08-20
- ?企業(yè)網(wǎng)站建設(shè)為什么不出色 2016-08-20
- ?成都市企業(yè)網(wǎng)站建設(shè) 2016-08-20
- h5網(wǎng)站建設(shè)都有哪些特點(diǎn)？ 2016-08-20
- 成都網(wǎng)站建設(shè)告訴你互聯(lián)網(wǎng)+究竟是什么？ 2016-08-20
- 創(chuàng)新互聯(lián)（成都網(wǎng)站建設(shè)）之怎么應(yīng)對百度取消外鏈 2016-08-20
- 網(wǎng)站建設(shè)現(xiàn)階段的發(fā)展趨向 2016-08-19
- 網(wǎng)站建設(shè)應(yīng)避免的幾大誤區(qū) 2016-08-19
- 成都市響應(yīng)式網(wǎng)站網(wǎng)站建設(shè)必須重視哪些方面？ 2016-08-19
- 成都網(wǎng)站建設(shè)的目的有哪些？ 2016-08-19