在网页中我们常常对网页中文字设置修改字体样式, 那么如何设置? 下面本篇文章就来给大家介绍一下使用 CSS 设置字体样式的方法, 希望对大家有所帮助.
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/12643.html