首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在Bootstrap 4 SCSS中设置粗体字体而不是字体粗细?

在Bootstrap 4 SCSS中,可以通过以下步骤设置粗体字体而不是字体粗细:

  1. 首先,确保你已经正确地设置了Bootstrap 4 SCSS环境,并且可以在项目中使用SCSS文件。
  2. 打开你的SCSS文件,通常是一个名为custom.scss的文件。
  3. 在文件中找到变量$font-weight-bold,它控制了Bootstrap中的粗体字体样式。
  4. 默认情况下,$font-weight-bold的值是bold,这会使字体变粗。如果你想要设置粗体字体而不是字体粗细,你可以将$font-weight-bold的值设置为normal
  5. 保存文件并重新编译你的SCSS文件,确保修改生效。

现在,你在使用Bootstrap 4时,可以通过应用font-weight-bold类来设置粗体字体,而不会改变字体的粗细。

这种设置粗体字体的方法适用于所有的Bootstrap 4组件和元素,包括标题、文本、按钮等。

腾讯云相关产品和产品介绍链接地址:

请注意,以上链接仅供参考,具体产品选择应根据实际需求进行评估和决策。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

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

如果我们想引入一个字体家族(譬如 Roboto 字体族),它可能包含了 “Roboto Regular”(常规字重)、“Roboto Bold”(粗体),或是 “Roboto Bold Italic”...(粗体+斜体) 等一系列字体文件。...可变字体 -- font-variation,可以将它理解为 all in one,通过使用可变字体,所有字重、字宽、斜体等情况的排列组合都可以被装进一个文件。...基本语法是相同的,但是字体技术是不一样的,并且可变字体可以提供像对 font-weight 和 font-stretch 等描述符的允许范围,不是根据加载的字体文件来命名。...字重可能在1-999之间,斜体可能只是简单的0或1(关闭或打开)。 规范中所定义,存在两种变形轴,注册轴和自定义轴: 注册轴最为常见,常见到制定规范的作者认为有必要进行标准化。

1.1K10

CSS基础03-CSS字体属性

03-CSS字体属性 CSS Fonts(字体)属性用于定义字体系列、大小、粗细、文字样式(斜体等)。 3.1字体系列 CSS使用font-family属性定义文本的字体系列。...,需要加单引号 尽量使用系统默认自带的字体,保证任何浏览器都能正确显示 常见的集中字体:‘Microsoft Yahei’, Tahoma, Arial, ‘Hiragino Sans GB’ 当设置了多个字体时...,根据先后顺序依次查看系统是否支持,若不支持则查看后一个,若全都不支持则使用系统默认的字体显示 实际开发字体设置常用于标签来将整个页面字体全部修改掉 3.2字体大小 CSS使用 font-size...,我们应尽量给一个明确值,不要使用默认大小 同样可以通过给设置字号大小来指定整个页面文字的大小(标题标签除外,需要单独设定) 3.3字体粗细 CSS使用 font-weight属性来设置字体粗细...,属性值有normal(正常字体,相当于number为400,可以用于取消标题等标签的加粗效果)、bold(粗体 相当于number为700,也相当于和的效果)、bolder(特粗体

1.8K20

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

文章目录 一、 CSS 2.0手册使用 1、 按照文档层次查找 2、 搜索关键字查找文档 二、 font-weight 字体粗细设置 1、 语法简介 2、 代码示例 三、 font-style 字体斜体设置...---- 1、 按照文档层次查找 CSS 的使用方法可在 CSS 2.0 手册 查询 ; 这里以 查询 font-weight 字体粗细设置 为例 , 在文档左侧的 " 属性 | 字体 | font-weight..., 搜索该属性 ; 二、 font-weight 字体粗细设置 ---- 1、 语法简介 在 HTML 可以使用 b strong ( 推荐使用 ) 标签 , 实现 文本粗体显示 ; 如果 使用...标签 粗体显示 , 则可以使用 CSS 设置其 不加粗 ; 在 CSS , 可使用 font-weight 设置 字体粗细 ; font-weight 属性值设置 : normal : 默认不加粗样式..., 可使用 font-style 设置 字体粗细 ; body { font-style:italic; } font-style 属性值设置 : normal : 默认没有斜体的样式 ; italic

4.4K20

Android 使用Canvas在图片上绘制文字的方法

【Android】Android Paint 字体粗细等属性的一些设置 在Android SDK中使用Typeface类来定义字体,可以通过常用字体类型名称进行设置设置默认黑体: Paint mp...字体类型 除了字体类型设置之外,还可以为字体类型设置字体风格,设置粗体: Paint mp = new Paint(); Typeface font = Typeface.create(Typeface.SANS_SERIF...* Typeface.ITALIC //斜体 * Typeface.NORMAL //常规 但是有时上面那些设置在绘图过程是不起作用的,所以还有如下设置方式: Paint mp = new Paint...,int型,12 mp.setStrokeWidth(w); //设置线宽,float型,2.5f,默认绘文本无需设置(默认值好像为0),但假如设置了,再绘制文本的时候一定要恢复到0 说明:对于中文粗体设置...,好像只能通过setFakeBoldText(true)来实现,尽管效果看起来不是很实在(字体中空效果)。

4.3K20

浅谈衬线体和无衬线体

衬线体 VS 无衬线体 字体是设计必不可少的组成部分,在恰当的地方正确的使用字体会大幅提升整体设计感与阅读体验,包括实际应用字体设计,网页、平面LOGO设计中都处于均广泛使用的状态,在基础字体中就包括了...了解了两者的根本区别利于我们在不同的场景使用不同的类型,简单说下分别的使用场景 衬线体 衬线体( Serif、楷体、宋体)非常容易识别,衬线字体强调了字画的开始与结束,字体粗细分明易读性高,适合正文阅读的场景...更加“严肃、正经”的场景使用该字体(更具中国特色的字体宋体、楷体等) 无衬线体 无衬线体( sans-serif、微软雅黑、思源黑体)不存在额外的修饰,整体非常简洁,字体粗细基本统一。...无衬线体会给人一种机械式统一的感觉,相同的曲率,笔直的线条和锐利的转角等特征,使用时粗体更粗,细体更细,作为正文清晰的字体更易读。...我感觉衬线字体更具中国风,无衬线体适合现代风,不知道你们是不是这样以为的~ 以上,有问题评论反馈。

32210

第06步《前端篇》第2章打造游戏界面第1课

); 学习使用const关键字,及添加注释; 学习更改绘制文本的字体、字号与颜色; 了解常用中文字体的英文名称; 学习给绘制文本添加文本样式(斜体、粗体); 学习给绘制文本添加渐变色材质; 学习在Canvas...在 Canvas API,我们可以使用 fillStyle 属性设置填充颜色,可以使用 font 属性指定文本的字体和字号。...可以通过 font 属性的 font-style、font-weight 分别实现斜体、粗体效果。font-style 有三个选项:normal、italic、oblique。...实践疑难点 font-weight一般建议直接使用绝对粗细的数字值,不是相对粗细的名称值。在网页的根元素设置的font-weight不同的,所有子元素的相对值都会受到影响。...设置font-family样式时,要注意使用真正的英文符号名称,不是常见的中文名称。

1K20

Html与CSS快速入门02-HTML基础应用

字体 在HTML,可以更改字体的视觉显示,包括字体系列、大小和粗细,以及如何把粗体字、斜体字、上标、下标和加删除线的文本纳入到页面。...为了满足社交理解需要,需要使用粗体blodface和斜体italic,可以使用样式font-style:italic,font-weight:bold进行设置。...字体的调整可以通过,font-family设置字体系列,font-size设置字体大小,color设置字体颜色。...需要注意的是,在创建横幅时,通常会使用800*600,1024*768等标准格式,以适应大部分用户,可以使用GIF这种颜色数量有限的图像格式来保存简单的的图像(例如横幅,不是人物图片),同时PNG也是很好的一种形式...通常来说,颜色选择的最佳实践如下所示: 使用自然的调色板,这并不以为着使用土色调,而是要使用在生活逛街)自然看到的颜色,不是会导致眼睛受损的超亮颜色。

2.4K60

CSS魔法堂:再次认识font

所有字体等宽     2. 字体简洁、清晰和规范     3. 支持ASCII码为128以上的扩展字符集(GBK,gb2312和unicode等)     4....斜体(Italic):用于在当前段落强调某段文字。   不同的字体样式意味着不同版本的字体库。微软雅黑包含正常和粗体两个版本的字体库,分别是msyh.ttf和msyhbd.ttf。...易宋体则只有正常版本,因此就只有一个版本的字体库了。   虽然易宋体仅含一个正常版本的字体库,但毫不影响以粗体和斜体的样式来显示,这时则称为伪粗和伪斜。  ...CSS设置粗体    CSS通过font-weight来设置粗体 font-weight: normal; /* 默认样式 */ font-weight: bold; /* 粗体 */ font-weight...相对于根元素html的字体大小(rem)   CSS3新增的相对单位,IE9开始支持。设置rem的元素字号是相对于`根元素`的字号而定,不是父元素的字号而定。

2.2K100

IOS设计尺寸与字体

冬青黑体( Hiragino Sans GB ):听说又叫苹果丽黑,日文字体Hiragino KakuGothic的简体中文版,简体中文有 常规体 和 粗体 两种,冬青黑体是一款清新的专业印刷字体,小字号时足够清晰...Helvetica Neue为Helvetica的改善版本,且增加了更多不同粗细与宽度的字形,共拥有51种字体版本,极大的满足了日常的使用。...细体、常规体、黑体、中粗体。...3、Android系统: Droid Sans、Droid Sans Fallback:Droid Sans为安卓系统默认的西文字体,是一款人文主义无衬线字体Droid Sans Fallback...结论:Droid Sans为默认的字体,并结合了中英文,无需单独设置4、iOS系统: iOS系统的字体和Mac OS系统的字体相同,保证了Mac上的字体效果,iOS设备就没有太大问题。

1.8K00

wxss学习《四》字体,组件及API的思维导图

一:字体 一.字体:font。设置对象的文本特性。 1.font-style:文字样式。 取值:normal 正常的字体, italic 斜体字, oblique 倾斜的字体。...2.font-weight:设置文本字体粗细。取值范围为100-900. 取值:mormal:正常大小相当于400。bold :粗体,相当于700。bolder, lighter。...3.font-size:设置字体尺寸大小。 4.font-variant:设置对象的文本是否为小型的大写字母。 取值:mormal 正常的字体。small-caps 小型的大写字母字体。...设置了以后会不论原来是否为大小字母 全部改为大写。 5.font-family:设置字体名称。 6.font-stretch:设置对象的文字是否横向拉伸变形。 取值:normal:正常文字宽度。...ultra-expanded:比正常文字宽度宽4个基数。 7.font-size-adjust:设置对象的 aspect 值,用以保持首选字体的 x-height。

908100

【CSS】CSS 总结 ② ( CSS 字体文本样式 - 大小 字体 粗细 斜体 颜色 对齐 | CSS 标签显示模式 - 块级元素 行内元素 行内块元素 ) ★

一、CSS 字体文本样式 1、CSS 字体设置 CSS 字体设置 : 大小设置 : font-size 属性值 的单位 推荐使用 px 像素 , Google 浏览器默认文字大小 16 像素 ; font-size...,"微软雅黑","Microsoft Yahei"; 粗细设置 : 使用 font-weight 设置 字体粗细 ; normal : 默认不加粗样式 ; bold : 粗体 ; 1000 ~ 900...之间的数值 : 推荐 使用 数字 进行粗体设置 ; 400 是默认的 normal 样式 , 700 是 bold 粗体样式 ; font-weight:700; 斜体设置 : 使用 font-style...设置 字体 是否倾斜 ; normal : 默认没有斜体的样式 ; italic : 斜体 ; font-style:italic; 2、CSS 字体设置综合写法 字体样式 的顺序 , 不能打乱..., 内边距 , 外边距 , 行高 等属性 ; 4、块级元素 / 行内元素 / 行内块元素 相互转换 块级元素 / 行内元素 / 行内块元素 相互转换 : 块级元素 -> 行内元素 : 设置属性值 display

35810

CSS语法小记

4.同时可以为一个选择符定义多个属性,属性之间用分号";"隔开。     5.尽量使用通用属性,不使用存在兼容性差别的属性。...mm 毫米 pt 点(point) 三、CSS颜色 颜色单位 说明 十六进制 :color:#ffffff; 颜色名称 :color:Red; 三原色单位 :rgb(255,0,0...四、CSS控制字体 功能 语法 设置字号 font-size:12px; 设置字体 font-family:Arial,'宋体'; 设置字色 color:#fff; 设置行高 line-height...:50px; 设置字体粗细 font-weight:normal(正常) bolder(粗体设置字体样式 font-style:normal[正常]、italic[斜体]; 修饰文字 text-decoration...,而且在设置字体时可以设置多个样式而且样式之间用逗号隔开,前者设置英文字体,后者设置汉文字体

49410

「Adobe国际认证」字体字体有区别吗?字体区别的真正“奥义”秘籍,你掌握了吗!

字体字体 一字型,称为字体家族在CSS,指的是字母和数字(字母怎么看)的设计。字体是指字体的不同粗细和大小。 考虑这两个术语的一个有用方法是将字体视为音乐专辑,字体是构成专辑的歌曲。...术语字体字体起源于哪里? 在计算机出现之前(但在恐龙出现之后),“字体”和“字体”这两个词并不容易混淆,因为时代的技术使人们很容易看出它们在基本层面上的不同。 从历史上看,打印机不是数字机器。...每种字体都放置在自己的工作案例,因为尽管它们属于相同字体的一部分,但每种字体都具有可区分的外观:粗细、宽度、样式、视觉尺寸、等级和效果。...重量: 细线、细、超轻、超轻、轻、书本、普通/罗马、、半粗/半粗、粗体、超粗、超粗、重、黑色、超黑色 宽度: 压缩、压缩、半压缩、窄、正常、扩展、超扩展、扩展、超扩展、超扩展 样式: 罗马、斜体、草书...…… 效果: 内联、轮廓、阴影、填充…… 这些字体外观的每一个都可以与另一个或多个其他字体组合。

68000

PPT制作套路指南

文字 文字,是PPT的第一要素。它包括:字体、字号、行距、字重(字的粗细),还有设计感。 字体 中文常见字体有:宋体、黑体。 宋体属于衬线字体。...例如以4px为基数,则层层递进为:4px、8px、12px。 行距 PPT的行间距建议为1.5~2倍。 这是单倍(1倍)行间距: ? 这是1.5倍行间距: ?...PPT同样如此,我们以往在制作PPT时过分讲究“提纲挈领”,习惯性的将我们要将的内容以“总分总”的形式呈现,忽略了在视觉传达上的对比。 中英、颜色、间距、粗细、字号、图文、留白都是常用的套路。...改造四:粗细对比 ? 这里中文字重选择了“极细”,英文字重选择了“粗体”。(题外话,Windows制作PPT相比于Mac的确要略逊一筹。...现在是不是有点设计感了? 要想有设计感,重要的套路就是要有对比——粗细对比 下面在列举一些通过对比来产生设计感的例子: ? ? ? ? ? ?

1.1K20
领券