CSS3 @font-face【自定义字体】

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 在线字体转换工具