CSS如何使用font-weight参数设置字体粗细

最新推荐文章于 2023-09-14 14:40:21 发布
最新推荐文章于 2023-09-14 14:40:21 发布
阅读量392 收藏
点赞数
分类专栏： 编程交流 文章标签： css Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011055144/article/details/128752121
版权

CSS的font-weight属性用于设置HTML文本使用的字体的粗细或粗细。应用的字体粗细取决于所使用的font-family和浏览器

font-weight参数

参数值

描述

normal

默认值

bold

定义粗体字符

bolder

定义更粗的字符

lighter

定义更细的字符

使用方法

<p style="font-weight: bold;">这个是测试文本内容</p>

运行结果

以上就是CSS如何使用font-weight设置字体粗细的方法

主题模板站
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
在 CSS 中，`font-weight` 属性用于设置文本的粗细。
2302_82146345的博客
06-14 314
相对粗细（如 `lighter` 和 `bolder`）相对于父元素的 `font-weight` 来计算，如果父元素没有明确设置 `font-weight`，则会使用默认值（通常是 `normal`）。- 尽量使用关键字值（如 `normal` 和 `bold`），因为它们更易于理解和维护。- `800` 到 `900` 之间的数值用于非常加粗的字体效果。- `100` 到 `400` 之间的数值对应于正常粗细的字体。- `500` 到 `700` 之间的数值对应于加粗的字体。
编程语言css font-weight原理_html/css_WEB-ITnose
10-21 531
编程语言css font-weight原理_html/css_WEB-ITnose 为什么要记录一下？因为今天我要设置一个字符加粗，然后就用font-weight:200,没有任何效果。现在看来很可笑，400才相当于normal，200怎么加粗，奇怪的是也没有变细。所以得研究一下font-weight的工作原理，以下正文。 一、使用介绍 font-weight设置文本的粗细，文本粗细设置属于一种比较复杂的字体样式定义，之所以说它复杂，是因为字体本身粗细变化千变万化，没有统一标准，对于字体粗细的具体
Source Insight 字体设置
penzchan的专栏
05-17 4177
Source Insight是一个面向项目开发的程序编辑器和代码阅读工具，它拥有内置的对C/C++, C#和Java等程序的分析，分析你的源代 码并在你工作的同时动态维护它自己的符号数据库，并自动为你显示有用的上下文信息。 Source Insight不仅仅是一个强大的程序编辑器 ，它还能显示reference trees，class inheritance diagrams和call tre
css字体
09-06 111
/* 渐变阴影效果 */-webkit-box-shadow:0 0 10px #06c;/* div内阴影为白色 */box-shadow: inset 0px 0px 30px white; -webkit-text-fill-color: white;/*文字的填充色*/ -webkit-text-stroke: 2px black;/*描边的像素，也就是粗细，这里指定是2像素...
[译] Tailwind CSS 15 分钟入门
qq_27009517的博客
05-07 1767
翻译自：https://scotch.io/tutorials/get-started-with-tailwind-css-in-15-minutes Tailwind CSS是一个 CSS 框架，它由大量的功能类组成，而不是编写好的组件。 使用 Tailwind，后，我发现最让我欣喜的一件事： 再也不用重写 CSS 样式类了 在 Tailwind 的首页上，有一个很酷的例子，用来展示 Tailwind 如何工作。 真实案例 本文聚焦在介绍 Tailwind 的一些特性。如果你想直接看一..
css使用客户端没有安装的字体语法解决方案
09-25
- `font-weight` 和 `font-style`: 可以设置字体的加粗和斜体样式，与标准的CSS属性相同。 示例： ```css @font-face { font-family: 'MyCustomFont'; src: url('http://mywebsite.com/fonts/myfont.eot'); /* ...
头歌教学实践平台 Web前端开发基础 CSS-文本与字体样式
最新发布
01-20
3. 字重和风格：`font-weight`定义字体的粗细，如`bold`或`normal`；`font-style`用于设置斜体，如`italic`或`normal`。 4. 行高：`line-height`属性控制文本行之间的间距，有助于提高可读性，如`line-height: 1.5;...
css调用服务器端字体示例代码
09-25
- `font-weight`: 可选，设置字体的粗细，如`bold`或数值`700`等。 - `font-style`: 可选，设置字体的风格，如`normal`、`italic`。 - `src`: 必须，定义字体文件的URL，可以是绝对路径或相对路径。`format`参数用于...
Readable_Font：在Web浏览器上查看漂亮字体！
02-05
- 使用CSS可以控制网页上的字体样式，包括字体家族（`font-family`）、大小（`font-size`）、样式（`font-style`：常规、斜体、_oblique_）、粗细（`font-weight`）和线高（`line-height`）等属性。 - `font-...
DIV+CSS经常用到的属性、参数及说明
10-30
- `font-weight`: 控制字体粗细，`bold`表示加粗，`bolder`和`400`表示不同级别的粗体。 - `font-variant`: 设置小型大写字母。 - `text-transform`: 控制文本的大小写，如`capitalize`首字母大写。 - `text-...
【CSS】CSS 文本样式 ② ( font 字体设置 | CSS 2.0手册使用 | font-weight 字体粗细设置 | font-style 字体斜体设置 | font 字体样式综合写法 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
02-28 7329
一、 CSS 2.0手册使用 1、 按照文档层次查找 2、 搜索关键字查找文档 二、 font-weight 字体粗细设置 1、 语法简介 2、 代码示例 三、 font-style 字体斜体设置 1、 语法简介 2、 代码示例 四、 font 字体样式综合写法 1、 语法简介 2、 代码示例 ① 不使用综合字体样式的代码 ② 使用综合字体样式的代码 ③ 执行效果
CSS设置字体大小、字体粗细、字体风格
热门推荐
专研前端，探索后端
04-15 2万+
font-size:设置字体大小: 该属性值的单位可以使用相对单位和绝对单位，推荐使用相对定位中的px。(浏览器能够识别的最小像素是12px) p{ font-size:20px; } 常见尺寸单位： font-family:设置字体: 如果需要设置多个字体样式，则属性值可以写多个中间用逗号隔开即可，需要知道的是浏览器会从第一个字体属性值找，直到找到自己设备有的字体显示，自己设备没有的字体，按设备默认字体显示,推荐系统默认字体。 p{ font-family:"微软雅黑",Arial; }
【CSS】font-weight设置为500显示不出加粗效果
Coder Ben's Writing
09-14 4262
Windows 系统默认的宋体(simsun) 没有那么多级别。在缺少级别支持的前提下，CSS 会根据回退机制寻找一个类似的精度，结果就变成了400 (Normal)。
CSS中常用属性之字体属性
weixin_34362991的博客
08-27 154
1，以下是CSS中常用字体属性： font-family 字体样式 font-size 字体大小 font-size-adjust　为元素规定 aspect 值 font-weight 　规定字体的粗细 font-style　　　 规定文本的字体样式 font-vavisnt　　 规定是否以小型大写字母的字体显...
CSS属性详解——使用font属性设置字体
Wod_7的博客
05-23 4770
CSS 是一门用于网页样式控制的语言，其中 font 属性用于设置网页中元素字体的风格、大小、粗细和类型等。在本文中，我们将深入介绍该属性的详细语法和使用方式，帮助您轻松掌握使用。
basefont.createfont设置表单字体_（09）CSS 给盒子、背景、链接、列表、表单、表格等加样式 | CSS...
weixin_39951018的博客
11-22 1118
原创：itsOli@前端一万小时本文版权归作者所有，未经授权，请勿转载！本文节选自“语雀”私有付费专栏「前端一万小时|从零基础到轻松就业」1. 让一个元素“看不见”有几种方式？有什么区别？2. 单行文本溢出加 ... 如何实现？3. 如何在页面上实现一个圆形的可点击区域？4. 解释下面代码的作用？字体里\5b8b\4f53代表什么？body{font:1...
css怎样让字体变细,css怎么把字体变细？
weixin_29711471的博客
08-03 5650
css可以使用font-weight属性来设置字体粗细，将font-weight属性值设为normal使字体变为正常粗细，值为lighter将字体设为细体，也可以直接设置数字来改变字体粗细。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。在CSS中，通过 font-weight属性 用来设置字体的粗细值。该属性用于设置显示元素的...
CSS font-weight 值对应（Regular、Normal、Medium、Light）
卡尔特斯
03-10 1万+
经常在开发中，给出的 UI，会有 字重，它对应（Regular、Normal、Medium、Light …）这些值，并不能直接看到 font-weight 对应的数值。 font-weight 属性执行字体中字形的重量，这取决于黑度等级或笔划粗细。 取值范围：100 至 900，其大致符合下列通用重量名称： 100 - Thin 200 - Extra Light (Ultra Light) 300 - Light 400 - Regular (Normal、Book、Roman) 500 -..
记录一次关于css font-weight引发的风波
发果叁
11-07 1114
在最近的一次开发中，设计同事说我设置的页面标题字体很粗，想让我调细一些，起初，我以为只是一个很简单的问题，但是调整的时候，发现事情并没有这么简单，于是，写下这篇文章记录踩过的坑。整理了一套《前端大厂面试宝典》，包含了HTML、CSS、JavaScript、HTTP、TCP协议、浏览器、VUE、React、数据结构和算法，一共201道面试题，并对每个问题作出了回答和解析。
HTML5&CSS3网页制作：字体样式属性.pptx
06-01
`font-weight`属性则用来定义字体的粗细，例如设置加粗或正常。其值可以是数值（100到900，900代表最粗）或关键词（如`normal`、`bold`）。 `font-style`属性用于设定字体变体，如斜体。它可以设置为`normal`...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

主题模板站

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值