CSS 网络安全字体组合
常用的字体组合
font-family 属性应该使用若干种字体名称作为回退系统,以确保浏览器/操作系统之间的最大兼容性。如果浏览器不支持第一个字体,则会尝试下一个。
请以您喜欢的字体开始,并以通用字体系列结束,以便使浏览器在通用系统中挑选相似的字体,如果没有其他字体可用的话:
实例
p{font-family:'Times New Roman', Times, serif}
亲自试一试
下面是最常用的字体组合,根据通用系统进行汇总:
Serif 字体
font-family 示例文本
Georgia, serif
This is a heading
This is a paragraph
'Palatino Linotype', 'Book Antiqua', Palatino, serif
This is a heading
This is a paragraph
'Times New Roman', Times, serif
This is a heading
This is a paragraph
Sans-Serif 字体
font-family 示例文本
Arial, Helvetica, sans-serif
This is a heading
This is a paragraph
'Arial Black', Gadget, sans-serif
This is a heading
This is a paragraph
'Comic Sans MS', cursive, sans-serif
This is a heading
This is a paragraph
Impact, Charcoal, sans-serif
This is a heading
This is a paragraph
'Lucida Sans Unicode', 'Lucida Grande', sans-serif
This is a heading
This is a paragraph
Tahoma, Geneva, sans-serif
This is a heading
This is a paragraph
'Trebuchet MS', Helvetica, sans-serif
This is a heading
This is a paragraph
Verdana, Geneva, sans-serif
This is a heading
This is a paragraph
Monospace 字体
font-family 示例文本
'Courier New', Courier, monospace
This is a heading
This is a paragraph
'Lucida Console', Monaco, monospace
This is a heading
This is a paragraph
- CSS 单位
- 在 CSS 中,em 是非常有用的单位,因为它可以自动适应用户所使用的字体。
- 03-20 关注:0
- CSS 网络安全字体组合
- font-family 属性应该使用若干种字体名称作为回退系统,以确保浏览器/操作系统之间的最大兼容性。如果浏览器不支持第一个字体,则会尝
- 03-20 关注:0
- CSS3 用户界面
- 在 CSS3 中,新的用户界面特性包括重设元素尺寸、盒尺寸以及轮廓等。
- 03-20 关注:0
- CSS3 多列
- 通过 CSS3,您能够创建多个列来对文本进行布局 - 就像报纸那样!
- 03-20 关注:0
- CSS3 动画
- 通过 CSS3,我们能够创建动画,这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。
- 03-20 关注:1
- CSS3 过渡
- 通过 CSS3,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。
- 03-20 关注:1
- CSS3 2D 转换
- 通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。
- 03-20 关注:0