font-weight 900和font-weight 700以相同的方式呈现

font-weight是CSS属性，用于设置字体的粗细程度。它接受不同的数值作为参数，其中900和700是两个常见的取值。

font-weight 900表示非常粗的字体，通常被称为"黑体"或"粗体"。这种字体粗细适用于强调重要信息或标题的场景。在前端开发中，可以使用CSS样式表中的font-weight属性来设置字体的粗细，例如：

font-weight: 900;

font-weight 700表示较粗的字体，通常被称为"中粗体"或"半粗体"。这种字体粗细适用于正文内容或一般标题的场景。同样地，在前端开发中，可以使用CSS样式表中的font-weight属性来设置字体的粗细，例如：

font-weight: 700;

这两种字体粗细的呈现方式是相同的，都会使字体变得更加粗细。具体的呈现效果可能因字体库的不同而有所差异，但一般来说，font-weight 900会比font-weight 700更加粗细。

在腾讯云的产品中，与字体相关的产品主要是字体库服务。腾讯云字体库是一项提供高质量字体资源的云服务，用户可以通过该服务获取各种字体样式，包括不同粗细的字体。具体产品介绍和链接地址如下：

腾讯云字体库（https://cloud.tencent.com/product/font）

腾讯云字体库提供了丰富的字体资源，用户可以根据自己的需求选择合适的字体样式，并通过CSS样式表中的font-weight属性来设置字体的粗细。通过使用腾讯云字体库，开发者可以实现更加个性化和美观的字体呈现效果。

相关·内容

【CSS】CSS 文本样式 ② ( font 字体设置 | CSS 2.0手册使用 | font-weight 字体粗细设置 | font-style 字体斜体设置 | font 字体样式综合写法 )

---- 1、按照文档层次查找 CSS 的使用方法可在 CSS 2.0 手册中查询 ; 这里以查询 font-weight 字体粗细设置为例 , 在文档左侧的 " 属性 | 字体 | font-weight..." 中 , 可以找到该文档 ; 在右侧的语法和参数中 , 详细的说明了属性的作用 , 以及属性值如何设置 ; 2、搜索关键字查找文档此外 , 还可以在 CSS 2.0 手册的搜索栏...; bold : 粗体 ; 1000 ~ 900 之间的数值 : 推荐使用数字进行粗体设置 ; 400 是默认的 normal 样式 , 700 是 bold 粗体样式 ; 2、代码示例...--font-weight:bold;--> font-weight:700; } <p class="...font-size/line-height font-family;} 上述字体样式 <em>的</em>顺序 , 不能打乱 , 必须严格遵守 ; 字体样式属性值之间 , 使用空格隔开 ; font-size <em>和</em>

4.8K2 0

3.字体样式-CSS基础

,字体N; （1）说明可以看大，font-family可以有多个属性值，也就是指定了多种字体，使用字体时按从左到右的顺序排列，以英文逗号隔开。...（3）多个属性值电脑上安装的字体不尽相同，可能有些字体安装了，有些字体没有安装。...① 实际开发在实际开发中，关键字这种方式基本不会用，所以我们掌握像素值即可。（2）px像素值关于px是什么，请看我的另一篇文章01-CSS基础。...1.语法格式 font-weight: 取值; （1）说明 font-weight属性取值有2种：一种是 100~900...② 属性值为数值 font-weight属性的值可以是100~900 的数值。其中，100相当于lighter，400相当于normal，700相当于bold，900相当于bolder。

3.1K1 0

Python代写：CSC108H Tic-Tac-Toe

Analysis Tic-tac-toe又称井字棋，通常是在3x3的棋盘上，双方轮流落子，先将3枚棋子连成一线的一方获胜。本题将游戏进行了拓展，变为NxN的棋盘，加大了难度。...我们需要根据提供的框架实现游戏的逻辑部分，尤其是AI部分。解题的关键需要理解游戏的规则，读懂整个框架，找到切入点，根据给定的测试集不断调试即可。...}.hljs-doctag,.hljs-string{color:#d14}.hljs-section,.hljs-selector-id,.hljs-title{color:#900;font-weight...:700}.hljs-subst{font-weight:400}.hljs-class .hljs-title,.hljs-type{color:#458;font-weight:700}.hljs-attribute...hljs-strong{font-weight:700}

8101 0

寒假提升｜ Day4 CSS 第二部分

：Vue开发中，每个组件都有一个style元素，使用的是内部样式表的方式，不过原理并不相同外部样式表的应用场景：外部样式表是开发中最常用的方式，将所有css文件放在一个独立的文件夹中，然后通过link...RGB颜色可以通过以#为前缀的十六进制字符和函数（rgb()、rgba()）标记表示。...比如，#f09和#ff0099表示同一颜色。四位数符号（#RGBA）是八位数形式（#RRGGBBAA）的减缩版。比如，#0f38和#00ff3388表示相同颜色。...font-weight(重要) font-weight用于设置文字的粗细(重量) 常见的取值: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 :...每一个数字表示一个重量 normal :等于 400` bold :等于 700` strong、b、h1~h6等标签的 font-weight 默认就是bold 2.3. font-style(一般

1.2K3 0

CSS样式规则及字体样式

CSS CSS(Cascading Style Sheets) CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式...在上面的样式规则中: 1.选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。 2.属性和属性值以“键值对”的形式出现。...，我们尽量只使用宋体和微软雅黑中文字体 font-weight:字体粗细字体加粗除了用 b 和 strong 标签之外，可以使用CSS 来实现，但是CSS 是没有语义的。...font-weight属性用于定义字体的粗细，其可用属性值：normal、bold、bolder、lighter、100~900（100的整数倍）。...: 700; /* font-weight: bold; 700后面不要加单位，等价于bold，都是加粗效果*/ /* 实际开发中提倡使用数字 */

4K2 0

为什么你需要编程assignment指导帮助？

计算机编程一直都不是一个简单的领域，即使是对于那些痴迷于计算机编程的同学，乃至大神们，也很难掌握所有的理论和概念。...:700}.hljs-literal,.hljs-number,.hljs-tag .hljs-attr,.hljs-template-variable,.hljs-variable{color:teal...}.hljs-doctag,.hljs-string{color:#d14}.hljs-section,.hljs-selector-id,.hljs-title{color:#900;font-weight...:700}.hljs-subst{font-weight:400}.hljs-class .hljs-title,.hljs-type{color:#458;font-weight:700}.hljs-attribute...hljs-strong{font-weight:700}

3733 0

突破限制，CSS font-variation 可变字体的魅力

基本语法是相同的，但是字体技术是不一样的，并且可变字体可以提供像对 font-weight 和 font-stretch 等描述符的允许范围，而不是根据加载的字体文件来命名。...ANYBODY ANYBODY 借助 SCSS 简化下代码，下述代码核心就是给每个 li，添加一个相同的动画...目前注册的五个轴是字重，宽度，倾斜度，斜体和光学尺寸。上文其实已经罗列了 5 个注册轴，并且简单介绍了它们的使用。...是不一样的倾斜）光学尺寸轴 "opsz"：对应字体的 font-optical-sizing，控制字体的光学尺寸自定义轴实际上是无限的：字体设计师可以定义和界定他们喜欢的任何轴，并且只需要给它一个四个字母的标签以在字体文件格式本身中识别它...上面收集了非常多的 Variable Fonts，并且罗列出了它们在注册轴上支持的字体属性的范围，譬如支持字重从 100 到 700，我们可以自由进行调试预览 image.png Can i Use（2022

1.2K1 0

前端学习 20220825

961 0

WecTeam：撸了这么多代码，你真的了解字体吗？

font-weight：字体的加粗属性 font-weight 字体加粗属性，是让前端和产品同学最迷茫的属性。当你把做好的页面拿给产品经理体验时，产品经理首先关注到的就是字体的加粗问题。...我们先来看看 font-weight 有哪些属性值。在设置字体是否加粗时，属性值既可以直接填写 100 至 900 这样的数字，也可以填写normal、bold这样的单词。...如下：关键问题是，很多人会发现，在 Android 平台的浏览器中， font-weight 无论是设置300、400，还是500，文字的粗细都没有任何变化，只有到700的时候才会加粗一下，感觉浏览器好像不支持这些数值...总结：（各大操作系统的默认字体加粗效果） •Android 平台的 Droid Sans 字体，只有 >=700才会加粗；而且加粗效果相同。...•Mac & iOS 平台的“苹方”字体：500 和600，加粗效果是不同的；>=600的加粗效果是相同的。•Windows 平台的“微软雅黑”字体：只有 >=600 才会加粗，而且加粗效果相同。

1.3K1 0

【Web世界探险家】3. CSS美学（二）文本样式

定义标准的字符 bold 定义粗体字符 bolder 定义更粗的字符 lighter 定义更细的字符 100~900（100的整数倍）定义由细到粗的字符。...，不能更换顺序，并且各个属性间以空格隔开不需要设置的属性可以省略（取默认值），但必须保留 font-size 和 font-family 属性，否则 font 属性将不起作用 1.6 总结属性表示...注意点 font-size 字号通常用的单位是 px 像素，一定要跟上单位 font-famly 字体按照实际需求写字体 font-weight 字体粗细加粗是700 或者 bold 不加粗是...，深度理解和清晰的表达方式使复杂的技术概念变得容易理解，值得收藏点赞。...，深度理解和清晰的表达方式使复杂的技术概念变得容易理解，值得收藏点赞。

771 0

css渲染（一）字体

Times,"宋体" 2.字体属性字体类型 font-family　　初始化时定义字体类型，如宋体字体大小 font-size 　　应用于: 所有元素　　继承性: 有　　百分数: 相对于父元素的字体大小...chrome/firefox/opera/IE/safari:16px 最小字体大小　　chrome:12px 　　opera:9px 　　safari/IE/firefox:无字体加粗【1】常用值 font-weight...: normal(正常，默认) font-weight: bold(加粗) 【2】所有值　　normal(正常)/bold(粗体)/bolder(更粗)/lighter(更细) 　　100/200/300.../400/500/600/700/800/900 (100为最细，900为最粗) 字体风格 font-style: normal(默认) font-style: italic(斜体) font-style

2.6K6 0

CSS字体font

字体大小 font-size 设置字体的大小 ,px 是一个单位，代表屏幕的上的像素，在css大多数数值都需要添加单位 font-size: 12px; 字体粗细 font-weight 设置字体的粗细...，取值：默认(normal) 、加粗(bold)、 100 - 900 font-weight:bold 因为字体在初始设计的时候就没有设置太多的粗细标准，用数字设置的时候，只有在400和700会产生变化...，在实际工作中用的最多的就是normal(400） bold（700）字体风格 font-style 设置字体的风格(样式) 取值：normal 默认显示标准的字体样式 italic 字体倾斜...font-family; 不建议修改顺序并且不需要设置的属性可以不写但是font-size和font-family必须指定，否则将不起作用行高行高控制的是文字与文字之间的上下距离（行距...） line-height:值; 值的取值是像素 **小技巧：如果将标签的高度和行高设置成一样，那么这个标签里面的文字可以在这个标签里面垂直居中两者结合使用可以让单行文字在标签内部水平垂直居中文字的对齐

2.9K3 0

CSS-笔记1-选择器与文本元素

#自定义名称{属性：值；} 四：通配符选择器：特点：给所有的标签都使用相同的样式。不推荐使用。...*{属性：值；} 知识点四：复合选择器：概念：两个或两个以上的基础选择器通过不同的方式连接在一起。一：交集选择器：特点：既要满足使用的某个标签选择器，又要满足使用了类选择器。...：700；值从100-900，文字粗细，不推荐使用font-weight：bold； font-family：微软雅黑；文字字体 font-style：normal|italic...文本属性连写文字大小和字体为必写项。...例： Font:italic 700 16px/40px 微软雅黑; 文字的字体表达形式：一：直接写中文名称： div{ font-family：微软雅黑；

1.7K5 1

CSS魔法堂：再次认识font

属性值必须以类族名称(generic-family)结尾确保字体会以正确的形式解析渲染. 2....因地制宜由于无法控制客户端到底安装了哪些字体，若想以最简并最精准的方式设置font-family则需要结合UA来判断当前的浏览器和OS平台，进而动态设置font-family属性值...虽然中易宋体仅含一个正常版本的字体库，但毫不影响以粗体和斜体的样式来显示，这时则称为伪粗和伪斜。伪粗（poor man's bold）：是通过对字体glyph路径做一定的变换而成。 ...font-weight: 600; /* 字重代号 */ font-weight: 700; /* 字重代号，相当于bold */ font-weight: 800; /* 字重代号 */ font-weight...: 900; /* 字重代号 */ 100~900为字重代号，字体库会针对不同的字重代号提供不同等级的粗细程度的设计。

2.3K10 0

网页|CSS字体介绍

在一个声明中设置所有字体属性 font-family 字体系列 font-size 字体尺寸 font-size/line-height 字体尺寸和行高 font-style 字体风格 font-weight...c) Monospace字体系列的字体并不是成比例的，通常用于打印机输出。这些字体每个字符的宽度都必须完全相同，所以小写的i和小写的m有相同的宽度。...标准字符 bold 粗体 bolder 更粗 lighter 更细 100、200、300、400、500、600、700、800、900 定义由粗到细的字符。...400=normal，700= bold 6. CSS3服务器端字体在CSS3之前，Web设计师必须使用已在用户计算机上安装好的字体。...定义字体的样式。默认是"normal" font-weight normal、bold、100、200、300、400、500、600、700、800、900 可选。定义字体的粗细。

2.5K2 0

font-weight 对应的默认字体粗细权重

在 CSS 中，font-weight 属性的默认值是 normal。这通常对应于字体权重的数值 400。...- normal：相当于 400 - bold：相当于 700 - bolder：比父元素的字体更粗 - lighter：比父元素的字体更细 - 100 到 900：定义了从最薄 (100) 到最粗 (...900) 的九个权重等级注意，不是所有的字体都支持所有的权重等级。...如果你尝试设置一个字体没有的权重等级，浏览器将尝试近似地匹配你的要求。例如，如果你尝试设置一个只有 400 和 700 权重的字体为 500，浏览器将选择 400 权重，因为它更接近。

4251 0

css教程之文本字体

相当于数字值700。...bolder 定义比继承值更重的值 lighter 定义比继承值更轻的值：100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900...normal 默认处理方式 pre 原封不动的保留你输入时的状态 nowrap：强制所有文本在同一行内显示 2.word-break 定义元素内容文本的字间与字符间的换行行为 normal：...该值适合包含一些非亚洲文本的亚洲文本，比如使连续的英文字符断行。 3.text-align 定义元素内容的水平对齐方式。 left：内容左对齐。 center：内容居中对齐。...（该值不影响该元素文本的字体大小） text-top：把当前盒的top和父级的内容区的top对齐 text-bottom：把当前盒的bottom和父级的内容区的bottom对齐 middle：把当前盒的垂直中心和父级盒的基线加上父级的半

1.2K4 0

HTML图像标记和CSS入门(二)

:"微软雅黑”} 可以同时指定多个字体，中间用逗号隔开各种字体之间必须使用英文的逗号隔开 3.3 font-weight ：字体粗细字体加粗除了用 b 和 strong 标签之外，可以使用CSS 来实现...font-weight属性用于定义字体的粗细，其可用属性值：normal、bold、bolder、lighter、100~900（100的整数倍）。...技巧：数字 400 等价于 normal，而 700 等价于 bold。但是我们更喜欢用数字来表示。...font-style:字体风格字体倾斜除了用 i 和 em 标签之外，可以使用CSS 来实现，但是CSS 是没有语义的。...lowercase 全部字符转换为小写 6.text-decoration 文本装饰 none underline overline line-through删除线 7.text-align水平对齐方式

1.5K1 0

从零开始学 Web 之 CSS（二）文本、标签、特性

---- 一、文本元素 1、属性 font-size: 50px; /*文字大小*/ font-weight: 700; /*值从100-900，文字粗细,700约等于Bold...，不推荐使用font-weight:bold; */ font-family:微软雅黑; /*文本的字体*/ font-style: normal | italic; /*normal:默认值.../line-height font-family; */ font: italic 700 50px/40px 微软雅黑; 注意：font:后边写属性的值。...PS：文本属性连写中文字大小和字体为必写项。 3、文字的表达方式 1. 直接写中文名称 font-family: 微软雅黑; 2....和标签调用选择器的顺序没有关系。 ?

5686 0

记录一次关于css font-weight引发的风波

: 100; } &.p2 { font-weight: 400; } &.p3 { font-weight: 700; } } 这里，我分别指定了一组中英文的渐进字重文段...font-weight font-weight属性决定着文字的粗细程度，值可以为数字或者关键字，常用的大概有以下类型 300 400 (normal) 500 600 700 (bold) 注意：bolder...字体的字重回退机制在 CSS 中，可以通过 font-weight 属性指定了字体的粗细程度，但是不同字体支持的字重不同，比如说有些字体可能只支持400,700两个权重，如果指定的权重值不可用，浏览器需要靠字重的回退机制去解决...; } &.p3 { font-weight: 700; } } 这里我指定的一组字体样式，而中文和英文字体的生效情况是不一样的，在chrome浏览器中，英文的字体是Helvetica...可以将-webkit-text-stroke理解为文字的内边距，如果我们想让文字变细，只需要将它的内边距的颜色设置为何背景相同即可，视觉上，文字整体都变得更细了。

1.8K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云