菜鸟学堂
在线运行
源代码
<!DOCTYPE html> <html> <head> <style> @font-face { font-family: myFirstFont; src: url('Sansation_Light.ttf') ,url('Sansation_Light.eot'); /* IE9+ */ } @font-face { font-family: myFirstFont; src: url(Sansation_Bold.ttf') ,url('Sansation_Bold.eot'); /* IE9+ */ font-weight:bold; } div { font-family:myFirstFont; } </style> </head> <body> <div> With CSS3, websites can <b>finally</b> use fonts other than the pre-selected "web-safe" fonts. </div> <p><b>注释：</b>Internet Explorer 9+ 支持新的 @font-face 规则。Internet Explorer 8 以及更早的版本不支持新的 @font-face 规则。</p> </body> </html>
运行结果
在线运行
菜鸟学堂 edu.jb51.net