web引入字體方法

引入字體格式

@font-face {font-family: 'YourWebFontName';src: url('YourWebFontName.eot'); /* IE9 Compat Modes */src: url('YourWebFontName.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('YourWebFontName.woff') format('woff'), /* Modern Browsers */url('YourWebFontName.ttf') format('truetype'), /* Safari, Android, iOS */url('YourWebFontName.svg#YourWebFontName') format('svg'); /* Legacy iOS */}

DEMO

<h2 class="neuesDemo">Neues Bauen Demo</h2> @font-face {font-family: 'NeuesBauenDemo';src: url('../fonts/neues_bauen_demo-webfont.eot');src: url('../fonts/neues_bauen_demo-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/neues_bauen_demo-webfont.woff') format('woff'),url('../fonts/neues_bauen_demo-webfont.ttf') format('truetype'),url('../fonts/neues_bauen_demo-webfont.svg#NeuesBauenDemo') format('svg');font-weight: normal;font-style: normal;}h2.neuesDemo {font-family: 'NeuesBauenDemo'}

下載字體網(wǎng)站

• Google Web Fonts
• Dafont.com

字體格式轉(zhuǎn)換

• http://freefontconverter.com/ 打開速度比較快
• http://www.fontsquirrel.com/fontface/generator 推薦中間位置，可以幫你生成CSS樣式

總結(jié)

以上是生活随笔為你收集整理的font-face加载任意字体和字体格式转换的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。