CSS @font-face(CSS 自定义字体) http://blog.csdn.net/notejs/article/details/17318099
如何使用自定义字体?
第一步,在CSS中引入字体并给名字取一个合适的名字,如下
font-family定义字体的名字,接下来的src是加载字体文件的位置,之所有有多个url就是因为浏览器兼容问题。
第二步,使用刚刚定义的字体,如下
Css远程字体 font-face http://www.cnblogs.com/huangyong8585/archive/2013/01/28/2879584.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
<!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> |
来看看,学习学习!!