html默认字体-html中如何设置字体?

2023-08-27 0 6,754 百度已收录

如果要使用CSS设置字体样式,首先必须了解CSS字体属性。 CSS 字体属性可以定义文本的字体系列、大小、粗体、样式(例如斜体)和变体(例如大写字母)。 html 设置字体。

如下:

font 速记属性 html 设置字体。 该功能是在一个声明中设置所有特定于字体的属性。

font-family 设置字体系列 html 设置字体。

font-size 设置字体大小 html 设置字体。

font-size-调整 当首选字体不可用时,智能缩放 html 设置替代字体的字体。 (CSS2.1 已删除此属性。)

font-stretch 水平拉伸字体并设置html中的字体。 (CSS2.1 已删除此属性。)

font-style 设置字体样式 html 设置字体。

font-variant 显示文本 html 设置字体为大写小写字体或普通字体。

font-weight 设置字体的粗细 html 设置字体。

如果您希望文档使用字体,您可以这样做

正文 {font-family: sans-serif;}

指定字体族,在下面的html中设置字体,这样h1标签上的所有字体都被定义了

h1 {字体系列:乔治亚州;}

其中,他们的优先级是h1>body

注意:如果阅读器没有安装Georgia字体,则默认使用其他字体。 如果您对字体非常熟悉,您还可以为给定的 html 元素设置字体html默认字体,指定一系列相似的字体。 为此,需要对字体进行优先级排序并用冒号连接:

p {font-family: Times, TimesNR, '新世纪教科书',

乔治亚州,“纽约”,衬线体;}

如果在HTML的style属性中放入一个font-family属性来设置html中的字体,则需要使用该属性本身不使用的冒号html默认字体,如:

...

字体样式

font-style 属性最常用于指定斜体文本 html 的字体。

该属性具有三个值:

正常 - 文本正常显示

italic - 以斜体显示文本

倾斜 - 倾斜显示文本

例子

p。 正常{字体样式:正常;}

p。 斜体 {字体样式:斜体;}

p。 倾斜 {字体样式: 倾斜;}

字体变体

font-variant属性可以设置大写字母html来设置字体。

小写字母不是通常的大写字母或小写字母,这是在不同大小的大写字母html中设置的字体。

例子

p {字体变体:小型大写字母;}

粗体

font-weight 属性设置文本的粗细 html 设置字体。

使用bold关键字将文本设置为Arial html设置字体。

关键字 100 ~ 900 指定字体的 9 个粗细级别。 html设置字体。 如果字体在外部具有此粗体级别,则该数字将直接映射到预定义级别,其中 100 对应于最细的字体变体,900 对应于最粗的字体变体。 数字400相当于正常,700相当于粗体。

如果将元素的粗体设置为粗体,浏览器将设置比继承值更粗的字体。 粗体 html 设置字体。 相反,关键字 Lighter 会导致浏览器将粗体向下移动而不是向上移动。

例子

p。 正常{字体粗细:正常;}

p.thick {字体粗细:粗体;}

p。 更厚 {font-weight: 900;}

字体大小

font-size 属性设置文本的大小 html 设置字体。

在网页设计 html 设置字体领域中,能够管理文本大小非常重要。 但是,您不应调整文本大小以使段落看起来像标题,或使标题看起来像段落。

请仍然使用正确的 HTML 标题,例如使用 - 标记标题,并使用

要标记段落 html,请设置字体。

font-size值可以是html设置字体的绝对值或相对值。

绝对值:

将文本设置为指定大小

不允许用户在所有浏览器中更改文本大小(不利于可用性)

绝对大小在确定输出的数学规范时很有用

相对尺寸:

设置相对于周围元素的大小

允许用户更改浏览器中的文本大小

注意:如果不指定字体大小,则普通文本(例如段落)的默认大小为 16 像素 (16px=1em) html 设置字体。

使用像素设置字体大小

设置文本大小(以像素为单位) html 设置字体以完全控制文本大小:

例子

h1 {字体大小:60px;}

h2 {字体大小:40px;}

p {字体大小:14px;}

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 html html默认字体-html中如何设置字体? https://www.wkzy.net/game/166114.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务