微信小程序不支持font-weight:500

于 2024-10-10 11:47:49 发布
阅读量590 收藏
点赞数 3
文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33769914/article/details/142817500
版权

小程序的font-weight只支持：normal、bold、bolder和lighter。

normal

正常粗细。与 400 等值。

bold

加粗。与 700 等值。

lighter

比从父元素继承来的值更细 (处在字体可行的粗细值范围内)。

bolder

比从父元素继承来的值更粗 (处在字体可行的粗细值范围内)。

小程序加粗不支持500.可以改成font-weight:700或者是font-weight:bold

微信小程序案例2-3：婚礼邀请函
BYQ2003120的博客
10-24 1134
微信小程序——婚礼邀请函的简单制作
小程序/CSS的font-weight属性
培根芝士的专栏
08-04 1964
font-weight 属性设置文本的粗细。 值 描述 normal 默认值。定义标准的字符。相当于400 bold 定义粗体字符。相当于700 bolder 定义更粗的字符。 lighter 定义更细的字符。 100 200 300 400 500 600 700 800 900 定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold。 in
微信小程序：设置文本字体粗细font-weight
Danica的博客
05-29 7万+
微信小程序：设置文本字体粗细font-weight
微信小程序界面设计入门课程-样式wxss中使用css课程-字体-font-weight字体加粗
杭州.黄老师
01-15 6069
font-weight字体加粗 基础用法 font-weight 属性设置文本的粗细。 使用 bold 关键字可以将文本设置为粗体。 关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别，那么这些数字就直接映射到预定义的级别，100 对应最细的字体变形，900 对应最粗的字体变形。数字 400 等价于 normal，而 700 等价于 bold。 如果将元素的加粗...
微信小程序字体样式font
m0_72168336的博客
11-29 2676
微信小程序字体常用样式
微信小程序css篇----字体(Font)
热门推荐
鎏嫣宫守护的博客
12-30 22万+
一.字体：font。设置对象的文本特性。 1.font-style：文字样式。 取值：normal 正常的字体， italic   斜体字，   oblique  倾斜的字体。 2.font-weight：设置文本字体的粗细。取值范围为100-900. 取值：mormal：正常大小相当于400。bold :粗体，相当于700。bolder， lighter。 3.font
小程序随意设置字体粗细(一行代码)
weixin_47124112的博客
09-21 3205
使用`-webkit-text-stroke-width`随意更改字体粗细
解决移动端font-weight无效问题
nunumaymax的博客
01-06 3226
解决移动端font-weight无效问题前言代码 前言 近期项目有个页面的字体需要加粗显示，在谷歌浏览器和微信开发者工具上看都是正常的，但是在手机上无论怎么调整字体粗细都没有变化。造成这种现象的有很多种原因，可能是浏览器默认字体不同，导致表现的差异，需要统一字体；也可能是某些字体就是不支持改变粗细。下面提供一种解决办法，我们可以通过设置font-family（针对不同浏览器和运行环境进行全面配置 font-family 属性）来让字体正常显示加粗效果。 代码 p { font-size: 50px;
font-weight失效移动安卓处理方法
MichaelAn的博客
02-26 1万+
font-weight失效移动安卓处理方法 1、BUG 现象 最近遇到一个奇怪的现象：一段文本设置了font-weight，但是在移动端中的浏览器中不显示加粗。 左侧是浏览器中移动端模拟器中的界面，可以看到对话框的标题和按钮文字是加粗的，右侧是真机开发中的对话框，标题和按钮文本是不加粗的。多次测试，中文不会加粗，英文正常。浏览器兼容性测试后也没问题，各种浏览器都是这样的。 很郁闷。 ...
【微信小程序】遇到CSS问题&坑
记录
05-16 1187
至23.5.16。
font-weight失效移动安卓处理方法及原因
yongyafang123的博客
02-03 1161
font-weight
微信小程序 font-weight
meteorshower2013的博客
10-31 2502
偶然发现自己设置的font-weight在真机上没起到作用 于是测试一下区别 <view class="font900">中国热</view> <view class="font800">中国热</view> <view class="font700">中国热</view> <view class="font600"&g...
微信小程序界面设计-样式入门到精通
01-10
讲解微信小程序中样式的入门使用，如何使用传统的css知识点来开发wxss的样式
【bug记录】小程序font-weight加粗失效
qq_38261819的博客
11-15 1564
font-weight 加粗属性使用bold，600参数安卓部分机型无效
小程序font-weight无效
duruo0的博客
03-13 1604
验证过，确实看起来没啥效果，只有两种粗细。害，以后再遇到其他情况再补充。 测试部分代码： 实现效果：
font-weight 属性设置文本的粗细
ithome
09-16 1792
说明 该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 normal，700 等价于 bold。每个数字值对应的字体加粗必须至少与下一个最小数字一样细，而且至少与下一个最大数字一样粗。 设置三个段落的字体的粗细： p.normal {font-weight:normal;} p.thick {font-weight:bold;} p.thicker {font...
解决 font-weight 无效的问题
weixin_33774615的博客
12-13 3万+
近期调页面时有几个 font-weight 需要修改，无论怎么调整字体粗细都没有变化，深入研究后总结下文 初探 本地写个例子，代码如下 <p class="thin">This is a paragraph</p> <p class="normal">This is a paragraph</p...
微信小程序开发 font-weight
最新发布
12-21
在微信小程序开发中，font-weight是用于设置字体的粗细程度的属性。它可以接受以下几个值： 1. normal：表示正常的字体粗细。 2. bold：表示加粗的字体。 3. bolder：表示更加粗的字体。 4. lighter：表示更加细的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值