CSS 设置字体 DIV 内文字字体样式如何设置, 怎么设置对象内文字字体样式, 比如黑体, 宋体, 微软雅黑, 英文字体等字体如何设置?
CSS 可以通过 font-family 属性来设置字体样式, font-family 可以把多个字体名称作为一个 "回退" 系统来保存. 如果浏览器不支持第一个字体, 则会尝试下一个.
也就是说, font-family 属性的值是用于某个元素的字体族名称或 / 及类族名称的一个优先表. 浏览器会使用它可识别的第一个值.
有两种类型的字体系列名称:
指定的系列名称: 具体字体的名称, 比如:"times","courier","arial".
通常字体系列名称: 比如:"serif","sans-serif","cursive","fantasy","monospace"
使用逗号分割每个值, 并始终提供一个类族名称作为最后的选择.
注意: 使用某种特定的字体系列 (Geneva) 完全取决于用户机器上该字体系列是否可用; 这个属性没有指示任何字体下载. 因此, 强烈推荐使用一个通用字体系列名作为后路.
示例:
设置文本的字体样式:
- <html>
- <head>
- <style type="text/css">
- p.serif{font-family:"Times New Roman",Georgia,Serif} p.sansserif{font-family:Arial,Verdana,Sans-serif}
- </style>
- </head>
- <body>
- <h1>
- CSS font-family
- </h1>
- <p class="serif">
- This is a paragraph, shown in the Times New Roman font.
- </p>
- <p class="sansserif">
- This is a paragraph, shown in the Arial font.
- </p>
- </body>
- </HTML>
效果图:
来源: http://www.css88.com/qa/css3/12397.html