400-685-0732 电话咨询定制营销方案
关注专业seo外包公司
SEO创新会
文军营销
大数据驱动  让营销不走弯路
首页  >   工具使用  >  css字体样式 css指定字体系列

css字体样式 css指定字体系列

css字体属性定义文本的字体系列、大小、加粗、风格(如斜体)和变形(如小型大写字母)。在css中,有两种不同类型的字体系列名称:通用字体系列-拥有相似外观的字体系统组合(比如”serif”或”monospace”)特定字体系列-具体的字体系列(比如”times”或”courier”)。

css字体样式——css指定字体系列

使用font-family属性定义文本的字体系列。

使用通用字体系列

如果你希望文档使用一种sans-serif字体,但是你并不关心是哪一种字体,以下就是一个合适的声明:

body{font-family:sans-serif;}

这样用户代理就会从sans-serif字体系列中选择一个字体(如helvetica),并将其应用到body元素。因为有继承,这种字体选择还将应用到body元素中包含的所有元素,除非有一种更特定的选择器将其覆盖。

指定字体系列

除了使用通用的字体系列,您还可以通过font-family属性设置更具体的字体。

下面的例子为所有h1元素设置了georgia字体:

h1{font-family:georgia;}

这样的规则同时会产生另外一个问题,如果用户代理上没有安装georgia字体,就只能使用用户代理的默认字体来显示h1元素。

我们可以通过结合特定字体名和通用字体系列来解决这个问题:

h1{font-family:georgia,serif;}

如果读者没有安装georgia,但安装了times字体(serif字体系列中的一种字体),用户代理就可能对h1元素使用times。尽管times与georgia并不完全匹配,但至少足够接近。

因此,我们建议在所有font-family规则中都提供一个通用字体系列。这样就提供了一条后路,在用户代理无法提供与规则匹配的特定字体时,就可以选择一个候选字体。

Css如何使用引号

您也许已经注意到了,上面的例子中使用了单引号。只有当字体名中有一个或多个空格(比如newyork),或者如果字体名包括#或$之类的符号,才需要在font-family声明中加引号。

单引号或双引号都可以接受。但是,如果把一个font-family属性放在html的style属性中,则需要使用该属性本身未使用的那种引号:

<pstyle=”font-family:times,timesnr,’newcenturyschoolbook’,georgia,’newyork’,serif;”>…</p>

如果您对字体非常熟悉,也可以为给定的元素指定一系列类似的字体。要做到这一点,需要把这些字体按照优先顺序排列,然后用逗号进行连接:如果列出的所有字体都不可用,就会简单地选择一种可用的serif字体。如果大家还想了解更多与之有关的信息,欢迎关注我们文军营销的官网。

推荐阅读

css样式 css样式语言特点 | 文军营销层叠样式表(英文全称:CascadingStyleSheets)是一种用来表现HTML(标准通用标记语言的...css字体样式 css指定字体系列 css阴影 如何用CSS实现DIV块的阴影效果 css样式 ...html字体颜色 html如何设置字体颜色 | 文军营销方法一:这里就是添加设置字体大小的样式font-size:30px;30px代表设置的字体大小...0-10px00设置...上一篇: css样式 css样式语言特点 下一篇: css字体......css阴影 如何用CSS实现DIV块的阴影效果 | 文军营销盒子阴影的CSS实现方法box-shadow单边阴影写法语法:box-shadow:h-shadowv-shadow...上一篇: css样式 css样式语言特点 下一篇: css字体样式 css指定字体系列 ...word加密 word加密方法是什么 | 文军营销dedecms标签织梦 dedecms模块管理空白的四种解决方法 css字体样式 css指定字体系列 css阴影 如何用CSS实现DIV块的阴影效果 css样式 css样式语言特点 CONTINUE的用法 ...excel乘法函数excel乘法函数公式的运用 | 文军营销dedecms标签织梦 dedecms模块管理空白的四种解决方法 css字体样式 css指定字体系列 css阴影 如何用CSS实现DIV块的阴影效果 css样式 css样式语言特点 CONTINUE的用法 ...如何隐藏Excel2003的列和行 excel 如何隐藏行列 | 文军营销dedecms模块管理空白的四种解决方法 css字体样式 css指定字体系列 css阴影 如何用CSS实现DIV块的阴影效果 css样式 css样式语言特点 CONTINUE的用法 ...