如何用css设置网页字体[多图]

html-css08

如何用css设置网页字体[多图],第1张

css设置网页字体:利用到css中font

属性,具体设置包括:

font-style:字体样式。

font-variant:设置或检索对象中的文本是否为小型的大写字母。

font-weight:设置字体粗细。

font-size/line-height:字体大小/字体行高。

font-family:规定元素的字体系列。

css里如何设置字体大小随浏览器大小变化而变化?

把字体设置为em,不要设置为PX。

设置方法:

将原来的px数值除以10,然后换上em作为单位

重新计算那些被放大的字体的em数值。避免字体大小的重复声明。

em的特点:

em的值并不是固定的

em会继承父级元素的字体大小。

字体大小 会跟随浏览器的大小变化而变化吗

你得监听resize事件,在事件中更改字体大小

怎么使字体大小随浏览器大小而变化

字体设置使用 CSS font 属性

定义和用法

font 简写属性在一个声明中设置所有字体属性。

注释:此属性也有第六个值:"line-height",可设置行间距。

说明

这个简写属性用于一次设置元素字体的两个或更多方面。使用 icon 等关键字可以适当地设置元素的字体,使之与用户计算机环境中的某个方面一致。注意,如果没有使用这些关键词,至少要指定字体大小和字体系列。

可以按顺序设置如下属性:

font-style

font-variant

font-weight

font-size/line-height

font-family

可以不设置其中的某个值,比如 font:100% verdana也是允许的。未设置的属性会使用其默认值。

可能的值

拓展:

设置字体可以使用CSS font全部设置。也可以使用font-size、font-family之类的属性进行单独设置。