简单建站

css字体(font)

css字体属性用来调整字体,文本大小,文字样式等

请先了解html分类的文章再学习css

css字体类型(font-family)

字体基本的可以直接写名字,其它字体就要自己下载引用

#引用字体包#
@font-face
{
font-family:字体名称;
src:url('字体路径')
}
#使用字体#
选择器{
font-family:刚刚取名的字体;
}
#css字体#
选择器{
font-family:字体;
}

字体类型示例

提示:你可以先修改部分代码再运行。

css字体样式(font-style)

作用
normal默认值。浏览器显示一个标准的字体样式。
italic浏览器会显示一个斜体的字体样式。
oblique浏览器会显示一个倾斜的字体样式。
inherit规定应该从父元素继承字体样式。
#css字体样式#
选择器{
font-style:值;
}

提示:你可以先修改部分代码再运行。

css字体大小(font-size)

可以用像素也可以用em,16px=1em,最好是用像素值

#size控制字体#
选择器{
font-size:像素值;
}

字体大小示例

提示:你可以先修改部分代码再运行。

css字体粗细(font-weight)

作用
normal默认值。定义标准的字符。
bold定义粗体字符。
bolder定义更粗的字符。
lighter定义更细的字符。
100
200
300
400
500
600
700
800
900
定义由粗到细的字符。400 等同于 normal,而 700 等同于 bold。
#定义字体粗细#
选择器{
font-weight:值;
}

字体大小示例

提示:你可以先修改部分代码再运行。

css variant属性(font-variant)

描述
normal默认值。浏览器会显示一个标准的字体。
small-caps浏览器会显示小型大写字母的字体。

这个属性会将小写字母都转换成大写字母,但是会比其它文本小一点

#variant属性#
选择器{
font-variant:值;
}

variant示例

提示:你可以先修改部分代码再运行。

内容就是这么多,没事试试你就会了,梁某人可能最近更新频率比较慢,见谅

赞(1) 打赏梁某人
未经允许不得转载:每篇文章都是博主的心血,偷盗文章事最可耻的事情梁某人的个人网站 » css字体(font)

发表评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

靓仔!打赏一元试试看啊

支付宝扫一扫打赏

微信扫一扫打赏