Css远程字体 font-face

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>远程字体</title>
<style type="text/css">
body {font-family:'微软雅黑'}
@font-face {
font-family:微软雅黑;
src: url('http://js.jrjimg.cn/font/msyh.eot');
src: url('http://js.jrjimg.cn/font/msyh.eot?#iefix') format('embedded-opentype'),
  url('msyh.woff') format('woff'),
  url('msyh.ttf')  format('truetype'),
  url('msyh.svg#msyh') format('svg');
}

</style>
</head>

<body>
<div class="font_01">
       最开始我以为 没到过的地方<br />
        才会有想象中 最美丽的风景<br />
        幻想着从巴黎 漂移到马德里<br />
        这将是多么浪漫的旅行<br />
        到最后才明白 两个人的温馨<br />
        那才是世界上 最美好的场景<br />
</div>
</body>
</html>

 

posted @ 2013-01-28 11:06  纯属偶然_黄勇  阅读(1764)  评论(0编辑  收藏  举报