css
@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 */ }
h2. nuDemo { font-family: 'NeuesBauenDemo' }
html
<h2 class="nuDemo">Nu Bauen Demo</h2>
- Dafont.com 尋找自己需要的字體
- Font Squirrel 在線字體轉(zhuǎn)換工具
