搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
HTML/CSS
CSS 参考手册
CSS @规则(RULES)
源代码
清空
点击运行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS @font-face rule规则示例- 基础教程(div.cn)</title> <style> @font-face { font-family: "OpenSans"; src: url("/run/fonts/OpenSans-Regular.eot"); src: url("/run/fonts/OpenSans-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "OpenSansBold"; src: url("/run/fonts/OpenSans-Bold.eot"); src: url("/run/fonts/OpenSans-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; } h1 { font-family: "OpenSansBold", Arial, sans-serif; /* Specify the OpenSans bold font */ } p { font-family: "OpenSans", Arial, sans-serif; } </style> </head> <body> <h1>这是一个标题</h1> <p>这是一个段落.</p> </body> </html>
运行结果