Bootstrap 4默认使用哪种字体粗细？

Bootstrap 4默认使用的字体粗细是"normal"（常规）。在Bootstrap 4中，字体粗细可以通过CSS类进行调整，例如使用"font-weight-bold"类可以将字体设置为粗体。这样的设计使得开发人员可以根据需要自定义字体的粗细，以适应不同的设计风格和需求。

关于Bootstrap 4的更多信息和使用方法，您可以参考腾讯云的相关产品和文档：

腾讯云CDN加速服务：提供全球加速、安全稳定的内容分发网络，可用于加速Bootstrap 4的静态资源加载。详情请参考：腾讯云CDN加速服务
腾讯云云服务器（CVM）：提供高性能、可扩展的云服务器，可用于部署和运行Bootstrap 4应用程序。详情请参考：腾讯云云服务器（CVM）

请注意，以上仅为腾讯云相关产品的示例，其他云计算品牌商也提供类似的产品和服务，您可以根据自己的需求选择合适的云计算平台。

相关·内容

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

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

2651 0

【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 设置字体粗细 ; font-weight 属性值设置 : normal : 默认不加粗样式 ; bold : 粗体 ; 1000 ~ 900 之间的数值 :...推荐使用数字进行粗体设置 ; 400 是默认的 normal 样式 , 700 是 bold 粗体样式 ; 2、代码示例代码示例 : <!..., 可使用 font-style 设置字体粗细 ; body { font-style:italic; } font-style 属性值设置 : normal : 默认没有斜体的样式 ; italic

4.4K2 0

ASP.NET MVC使用Bootstrap系列（4）——使用JavaScript插件

通过添加data attribute（data 属性）可以轻松的使用这些插件，当然你也可以使用编程方式的API来使用。...为了使用Bootstrap插件，我们需要添加Bootstrap.js或者Bootstrap.min.js文件到项目中。...Data属性 VS 编程API Bootstrap提供了完全通过HTML标记的方式来使用插件，这意味着，你可以不写任何JavaScript代码，事实上这也是Bootstrap推荐的使用方式。... 你可以添加data-toggle="tooltip"来使用tooltip，当然你也可以设置内容的显示位置，通过添加data-placement属性来实现，Bootstrap为我们提供了4种位置...小结在这篇博客中介绍了常见的Bootstrap插件，通过使用数据属性和编程方式的API来使用这些插件，更多插件访问：http://v3.bootcss.com/javascript/ 获取。

5.1K6 0

bootstrap快速入门笔记（四）-less用法指南， mixin和变量

3.mixins.less 4.这个 Less 文件让 CSS 代码可重复使用。...注意：如果要使用它，请在您的 HTML 页面包含下面代码： <..., @weight: normal, @lineHeight: @baseLineHeight 设置衬线字体族serif，字体大小，粗细和行间距 #font > .sans-serif() @size:...@baseFontSize, @weight: normal, @lineHeight: @baseLineHeight 设置sans-serif字体族，字体大小，粗细和行间距 #font > .monospace...() @size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight 设置monospace字体族，字体大小，粗细和行间距栅格系统

2K2 0

Python Django个人网站搭建4-配置使用 Bootstrap 4 并改写模板文件

Bootstrap的版本不同，显示效果会略有差别。...配置Bootstrap 4及依赖文件本站Bootstrap下载地址为https://zifan.site/down/files/11/ Bootstrap 4 的下载地址为 https://getbootstrap.com...container"> {% for article in articles %} {{ article.title...}} {{ article.body

1.8K3 0

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

转载自：[WecTeam：浏览器合成与渲染层优化] (https://mp.weixin.qq.com/s/knmQ1XRwt4sUdwTjORoF4A）前言我周围的码农当中，有很多是技术大神，却常常被字体这种简单的东西所困扰...PingFang SC）•Mac & iOS 平台默认的英文字体：San Francisco•Android 平台默认字体：Droid Sans 补充：衬线体如今已经很少使用了，你所熟悉的“宋体”，也基本只能在纸质出版物中见到...如果你不知道用什么字体，那就用系统的默认字体就好：Win 平台用微软雅黑、Mac 平台用苹方字体。如果你发现一名设计师，在做海报设计、或者制图的时候，使用了宋体，说明她一定是个外行。...实际上，所有这些数值关键字浏览器都是支持的，之所以没有看到任何粗细的变化，要看你所使用的字体是否支持。...4、Windows 平台的默认字体加粗效果：（微软雅黑字体） ?

1.2K1 0

3.字体样式-CSS基础

① font-family的默认值若不指定font-family，则浏览器通常默认使用宋体。...通过指定多个属性值，来优先使用第一个属性值，若是第一个属性值没有安装，则使用第二个属性值，依此类推，若是指定的多个属性值都没有安装，则会使用默认字体类型。...（4）实际开发在实际开发中，美观的中文字体通常使用宋体、微软雅黑；美观的英文字体有Times New Roman、Arial、Verdana。...四、font-weight（字体粗细）在CSS中，使用font-weight属性来定义字体粗细。注意，字体粗细跟字体大小是完全不一样的，可千万不要弄混了，粗细指“肥瘦”，大小指“宽高”。...（4）实际开发在实际开发中，font-style属性很少用到。六、color（字体颜色）在CSS中，可以使用color属性来定义字体颜色。

3.1K1 0

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

PingFang SC）•Mac & iOS 平台默认的英文字体：San Francisco•Android 平台默认字体：Droid Sans 补充：衬线体如今已经很少使用了，你所熟悉的“宋体”，也基本只能在纸质出版物中见到...如果你不知道用什么字体，那就用系统的默认字体就好：Win 平台用微软雅黑、Mac 平台用苹方字体。如果你发现一名设计师，在做海报设计、或者制图的时候，使用了宋体，说明她一定是个外行。...实际上，所有这些数值关键字浏览器都是支持的，之所以没有看到任何粗细的变化，要看你所使用的字体是否支持。...4、Windows 平台的默认字体加粗效果：（微软雅黑字体） ?...基本可以肯定，这个字体也是要收费的。此时，前端同学要马上告诉产品或者设计师，这个字体不能免费使用，小心吃官司。大多数情况下，网页使用系统默认的字体就完全足够。

1.8K1 0

CSS 基础之基础选择器+字体文本相关样式

字体样式 4.1 字体大小 4.2 字体粗细 4.3 字体样式（是否倾斜） 4.4 字体系列 5、文本样式 5.1 文本缩进 5.2 文本水平对齐方式 5.3 文本修饰 ---- 1、认识 CSS 1.1...开发中使用极少，只会在极特殊情况下才会用到效果： 4、字体样式字体大小 font-size 字体粗细 font-weight 字体样式 font-style 字体类型 font-family...4.2 字体粗细属性名 font-weight 取值关键字：正常——>normal 加粗 ——>bold纯数字：100~900的整百数：正常——>400 加粗 ——>700 注意点不是所有字体都提供了九种粗细...4.3 字体样式（是否倾斜）属性名 font-style 取值正常（默认值）：normal；倾斜：italic；正常（默认值）：normal；倾斜：italic； 4.4 字体系列属性名...从左往右按照顺序查找，如果电脑中未安装该字体，则显示下一个字体 2. 如果都不支持，此时会根据操作系统，显示最后字体系列的默认字体注意点： 1. 如果字体名称中存在多个单词，推荐使用引号包裹 2.

2.1K1 0

第127期：Flutter的Text组件

在组件代码的书写方式上，web端开发的样式主要有由css进行控制，而客户端开发根据使用的技术栈不同，写法也稍微有些不同：ReactNative的写法和web比较类似，但是ReactNative是使用StyleSheet.create...Text组件的构造器有一个可选的style属性，如果我们省略掉这个属性，那么文本就会使用默认的样式。如果我们指定了我们定制的style样式，这个样式的类对象是TextStyle。...而style则是一个TextStyle的类型,TextStyle可以定义字体的：粗细fontWeight const Text( 'No, we need bold strokes. ',...Colors.yellow, ], ) ), ) 整体上想要掌握Text组件的属性，需要仔细思考一下它大概需要哪些样式：选用哪种字体...，设置什么颜色，需要多少行高，选用哪种对齐方式，是否需要描边和渐变，是否需要一种装饰样式（下划线，删除线）就可以掌握了。

8714 0

Python Matplotlib库：统计图补充

medianprops 设置中位数的属性，如线的类型、粗细等。 meanprops 设置均值的属性，如点的大小、颜色等。 capprops 设置箱线图顶端和末端线条的属性，如颜色、粗细等。...whiskerprops 设置须的属性，如颜色、粗细、线的类型等。...不建议使用二维数据结构。类型为类数组或类数组列表。必备参数。 orientation 时间序列的方向。取值范围为{'horizontal', 'vertical'}。默认值为'horizontal'。...xscale 在水平轴上使用线性或对数刻度。 xycale 在垂直轴上使用线性或对数刻度。 mincnt 表示六边形能够显示的最小值。...labeldistance 默认为1.1，扇形图标签绘制时的径向距离。如果设置为None，则不绘制标签，而是存储在图例中使用。

1.8K2 0

CSS笔记(2)

CSS字体属性 CSS Font(字体)属性用来定义字体系列:大小,粗细和文字样式(如斜体)....文字字体 CSS使用font-family属性定义文本的字体系列文字大小 CSS使用font-size属性定义文字大小文字粗细 CSS使用font-weight 设置文字的粗细效果...,400等价于normal,默认粗细字体,700等价于bold,粗体,注意后面不需要跟单位!!!...文字样式 CSS使用font-style属性设置文本的风格平时我们很少给文字加斜体,反而要把斜体改为默认不倾斜的字体....字体复合属性格式: body { font-style font-weight font-size/line-height font-family; } 注意: 1.使用font属性时

6032 0

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

:"微软雅黑”} 可以同时指定多个字体，中间用逗号隔开各种字体之间必须使用英文的逗号隔开 3.3 font-weight ：字体粗细字体加粗除了用 b 和 strong 标签之外，可以使用CSS 来实现...font-weight属性用于定义字体的粗细，其可用属性值：normal、bold、bolder、lighter、100~900（100的整数倍）。...font-style属性用于定义字体风格，如设置斜体、倾斜或正常字体，其可用属性值如下： normal：默认值，浏览器会显示标准的字体样式。 italic：浏览器会显示斜体的字体样式。...4.CSS文本外观属性 1.color 文本颜色 2.letter-spacing: 字体间距属性为normal 或px em 允许负值 3…word-spacing:单词间距中文字体无效...4.line-height:行间距 px em % 5.text-transform:文本转换 none 默认值 capitalize 首字母大写 uppercase 全部字符转换为大写 lowercase

1.5K1 0

CSS基础03-CSS字体属性

03-CSS字体属性 CSS Fonts（字体）属性用于定义字体系列、大小、粗细、文字样式（如斜体等）。 3.1字体系列 CSS使用font-family属性定义文本的字体系列。...，需要加单引号尽量使用系统默认自带的字体，保证任何浏览器都能正确显示常见的集中字体：‘Microsoft Yahei’, Tahoma, Arial, ‘Hiragino Sans GB’ 当设置了多个字体时...，根据先后顺序依次查看系统是否支持，若不支持则查看后一个，若全都不支持则使用系统默认的字体显示实际开发中，字体设置常用于标签来将整个页面中的字体全部修改掉 3.2字体大小 CSS使用 font-size...属性设置字体大小 p { font-size: 20px; } px（像素）是我们网页中最长使用的单位谷歌浏览器默认的文字大小为16px 不同浏览器可能默认显示的字号不一致...，我们应尽量给一个明确值，而不要使用默认大小同样可以通过给设置字号大小来指定整个页面文字的大小（标题标签除外，需要单独设定） 3.3字体粗细 CSS使用 font-weight属性来设置字体粗细

1.8K2 0

要开始使用Bootstrap 4 前，我们先了解几个它的通用模式吧

4 的通用模式的人在正式开始之前，我们先来说说使用Bootstrap 4 与不使用之间的差异到底在哪里？...简单来说，若是我们不使用Bootstrap 4，而是用手刻的方式来撰写网页，HTML 的内容我们得要自己写(废话)，CSS 我们也得要一个一个自己设定(又一个废话)，可是若是使用Bootstrap 4...4 的class，而 bq-danger 代表的是背景使用 danger 主题色，而 danger 主题色在Bootstrap 4 预设的色码是#dc3545，另外 m-5 英文的 m 代表的是 margin...所以使用Bootstrap 4 可以让我们更快速的开发网页，因为很多很多的常用 class 它，都写好了，我们只要熟练，然后在需要的标签上直接添加上去对应的 class 名称就可以了，这边只是简单的举一个范例...：8px; Colors Bootstrap 4 在颜色的设定上除了使用主题色的方式外，在颜色前面接上对象，例如text-primary 代表着文字使用primary 主题色或是bq-secondary

1.2K1 0

网页|CSS字体介绍

字体粗细可以使用font-family属性定义文档采用的优先字体系列。...如文档所有元素使用“微软雅黑”字体： body{font-family:微软雅黑;} b) 指定字体会产生一个问题，如果用户没有安装这种字体，就只能使用默认字体来显示。...设置为一个固定的值 % 设置为基于父元素的一个百分比值 4.字体风格 font-style属性定义字体的风格。...} 5.字体粗细值描述 normal 默认值。...默认是"normal" font-weight normal、bold、100、200、300、400、500、600、700、800、900 可选。定义字体的粗细。

2.5K2 0

OxyPlot.WPF 公共属性一览

注释已提交到码云：https://gitee.com/DLGCY_Clone/oxyplot/tree/dlgcy 另外，之前《OxyPlot.Wpf 图表控件使用备忘》一文的例子程序有了后续，用 OxyPlot...// 默认字体 this.DefaultFontSize = 12; // 默认字体大小 this.TitleToolTip = null...0x4E, 0x9A, 0x06), OxyColor.FromRgb(0xC8, 0x8D, 0x00), OxyColor.FromRgb(0xCC,...DefaultMagnitudeAxis // 默认级轴 DefaultXAxis // 默认 X 轴 DefaultYAxis // 默认 Y 轴.../ 图例字体大小 LegendTextColor // 图例字体颜色 LegendFontWeight // 图例字体字重 LegendItemAlignment

4.4K2 0

浅谈衬线体和无衬线体

一般情况默认使用非衬线体个人认为粗细分明的笔画，是衬线体和非衬线体最明显的区别，我们通过下面图片对比直观感受一下 Serif（衬线体）Sans-Serif（无衬线体）通过以上图片，清晰了解到衬线体和非衬线体的最大区别无非是...“衬线与否”，简单来说在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同的，就是衬线体，反之则是非衬线体。...了解了两者的根本区别利于我们在不同的场景使用不同的类型，简单说下分别的使用场景衬线体衬线体（如 Serif、楷体、宋体）非常容易识别，衬线字体强调了字画的开始与结束，字体粗细分明易读性高，适合正文阅读的场景...更加“严肃、正经”的场景使用该字体（更具中国特色的字体，如宋体、楷体等）无衬线体无衬线体（如 sans-serif、微软雅黑、思源黑体）不存在额外的修饰，整体非常简洁，字体的粗细基本统一。...使用无衬线体的设备非常多，因为无衬线体的默认使用多，也为现代字体的演变历程做了铺垫个人观点无衬线体通用的特点可以大范围使用，包括但不限于标题正文等场景（如经典的“微软雅黑”字体）简洁的属性让人看起来很

3221 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:"宋体"; 字体可以写多个，中间用逗号隔开，浏览器会从左到右依次解析，直到识别出当前电脑安装的字体则直接使用,字体名称中如果有空格 # $ 这种特殊字符的时候需要添加上引号中文字体也需要添加引号...行高控制的是文字与文字之间的上下距离（行距） line-height:值; 值的取值是像素 **小技巧：如果将标签的高度和行高设置成一样，那么这个标签里面的文字可以在这个标签里面垂直居中两者结合使用可以让单行文字在标签内部水平垂直居中

2.8K3 0

前端基础-css字体与文本属性

多学一招：（1）取值用偶数（2）默认是16px大小（3）字体有多大，看字体的高度 b) font-weight 设置字体的粗细取值：normal 正常的（400）、bold加粗（700）、bolder...(900) 、 100 - 900（字体的粗细没有那么精细，所以很少使用数字）示意图 ?...多学一招： 1.不推荐使用一些冷门字体，因为一些冷门字体很多电脑里面默认没有安装，这个时候就会显示不出来。所以实际工作中，默认都是一些主流字体如宋体微软雅黑等。。。...:值取值：（1）underline下划线（2）overline上划线（3）line-through删除线（4）none没有修饰-----------一般用在a标签上示意图...多学一招：默认的文字大小是16px 3.字体颜色语法：color:"颜色值" 字体颜色示意图 ?

7873 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云