位置:电子教程 > CSS入门到精通 (如果看不到内容请使用360浏览器) 推荐学习资源
CSS入门
CSS 基础样式
CSS 高级样式
当前阅读教程:CSS入门到精通 > 字体系列 font-family 属性
阅读(22555525)      收藏       赞(5685)      分享
上一篇: CSS Fonts(字体) 下一篇: 字体样式 font-style属性

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

image.png

属性定义及使用说明

font - family属性指定一个元素的字体。

font-family 可以把多个字体名称作为一个"回退"系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。

有两种类型的字体系列名称:

n  family-name - 指定的系列名称:具体字体的名称,比如:"times""courier""arial"

n  generic-family - 通常字体系列名称:比如:"serif""sans-serif""cursive""fantasy""monospace

使用某种特定的字体系列(Geneva)完全取决于用户机器上该字体系列是否可用;这个属性没有指示任何字体下载。因此,强烈推荐使用一个通用字体系列名作为后路。

u  注意: 每个值用逗号分开。

u  注意: 如果字体名称包含空格,它必须加上引号。在HTML中使用"style"属性时,必须使用单引号。

默认值:

not specified

继承:

yes

版本:

CSS1

JavaScript 语法:

object.style.fontFamily="arial,sans-serif"

属性值

描述

family-name

generic-family

用于某个元素的字体族名称或/及类族名称的一个优先表。

默认值:取决于浏览器。

inherit

规定应该从父元素继承字体系列。

示例

小白教程网www.2d5.net

代码

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>字体系列 font-family 属性</title>

<!--定义内部样式-->

<style>

     .css1{

             font-family: "Times New Roman",Times,serif;

     }

     .css2{

             font-family: Arial,Helvetica,sans-serif;;

     }       

</style>    

</head>

<body>

     <p>浏览器默认 Times New Roman</p>

     <p>这一段的字体是 Times New Roman</p><hr>

    

     <p>浏览器默认 This is Arial</p>

     <p>这一段的字体是 This is Arial</p>

</body>

</html>

效果图

小白教程网www.2d5.net

image.png


上一篇: CSS Fonts(字体) 下一篇: 字体样式 font-style属性
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)