首页 > 代码库 > 字体图标的案例
字体图标的案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3 Web字体</title> <style> body { text-align: center; } /*声明字体*/ @font-face { /*第三方字体名称*/ font-family: ‘testfont01‘; /*引入第三方字体的文件*/ src: url(‘../fonts/LiDeBiao-Xing3/LiDeBiao-Xing3.eot‘) format(‘embedded-opentype‘), url(‘../fonts/LiDeBiao-Xing3/LiDeBiao-Xing3.woff‘) format(‘woff‘), url(‘../fonts/LiDeBiao-Xing3/LiDeBiao-Xing3.ttf‘) format(‘truetype‘), url(‘../fonts/LiDeBiao-Xing3/LiDeBiao-Xing3.svg‘) format(‘svg‘); font-weight: normal; font-style: normal; } p.demo { font-family: testfont01; font-size: 24px; } </style></head><body> <p class="demo"> 英雄不问出处，流氓不看岁数这个字行不行 </p> <p class="demo">非英雄，非流氓</p></body></html>
字体图标的案例
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。