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