字重font-weight--没有UI的前端er

最新推荐文章于 2024-04-02 19:05:23 发布
最新推荐文章于 2024-04-02 19:05:23 发布
阅读量434 收藏
点赞数
分类专栏： 前端er心中的UI设计 文章标签： font-weight UI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yynikki/article/details/102935728
版权 
字体粗细：‘font-weight’属性
取值： normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
初始： normal
100 - Thin
200 - Extra Light (Ultra Light)
300 - Light
400 - Regular (Normal、Book、Roman)
500 - Medium
600 - Semi Bold (Demi Bold)
700 - Bold
800 - Extra Bold (Ultra Bold)
900 - Black (Heavy)
困困自习室
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
设计的字重与前端的font-weight
还想做MAD
05-08 2821
字重（weight），是指相对于字高度的笔画粗细（stroke width）程度。 一个字体（typeface）的某个字型（font）的字重常常至少4-6个，其中正常与黑体几乎是必备的： 100 - 淡体 Thin ( Hairline ) 200 - 特细 Extra-light ( ultra-light ) 300 - 细体 Light 350 - 次细 Demi-Light 4...
html字重怎么设置,CSS 字重 font-weight
weixin_39630855的博客
06-19 4581
该属性用于设置显示元素的文本中所用的字体加粗。数宇值400相当于关键字normal,数字值700等价于bolcL每个数字值对应的字体加粗必须至少与下一个最小数字一样细，而且至少与下一个最大数字一样粗。该属性的值可分为两种写法：®由100 ~ 900的数值组成，只能写整百的数宇，例如不能写成856。®可以是关键宇：normal (默认值)、bold (加粗)、bolder (更粗)、lighter ...
TextView设置字重（自定义自重）
weixin_42589500的博客
10-17 1万+
TextView自定义字重一、目的二、实现的方式 一、目的 android提供的几种加粗方法不满足我们ui设计的字体字重 二、实现的方式 设置TextView的textStyle为Bold，这种方式的textView很粗 xml：android:textStyle=“bold” 代码：paint.setTypeface(Typeface.defaultFromStyle(Typeface.BOLD)); 代码设置FakeBoldText，这种方式加粗过的比较接近medium效果 paint.se
UI写的font-weight对应的数值
weixin_45663702的博客
05-17 4162
在实际工作中，我们前端一般根据UI设计图来还原页面效果，而UI通常会在字重（font-weight）写上Regular、Normal、Medium、Light。。。我们肯定是需要将它转换为对应的数值。
web项目开发 之 前端规范 --- CSS编码规范
u012028371的博客
09-30 356
转自：http://blog.csdn.net/xllily_11/article/details/51249120 谢谢~ [强制] 属性定义后必须以分号结尾。 示例： /* good */ .selector { margin: 0; } /* bad */ .selector { margin: 0 }[建议] 选择器的嵌套层级应不大于 3 级，位置靠后的
css解决font-weight:blod跳动问题的解决
12-14
然而，在实际操作中，可能会遇到一些意料之外的问题，比如本文标题所提到的“font-weight: bold”导致的页面跳动问题。这个问题的根源在于，当字体加粗时，字体的尺寸可能会发生变化，进而引起浏览器的重绘或重排，...
font-weight 属性设置文本的粗细介绍
09-25
`font-weight`属性是CSS（层叠样式表）中用于控制文本粗细的重要工具，它允许开发者调整元素内的文本视觉效果，使其更加突出或者柔和。这个属性主要应用于那些需要强调或者区分不同层次信息的场景，比如标题、副标题...
html5自定义字体@font-face
07-28
- `font-weight` 和 `font-style`: 可以用于指定字体的粗细（如 bold）和样式（如 italic），与常规CSS属性一样。 为了确保跨浏览器兼容性，通常需要提供多种字体格式，因为不同的浏览器支持的格式可能不同。例如：...
font-weight
吴佩佩佩佩的博客
07-01 3072
font-weight
通用字体重量对应的font-weight值
吃太多会胖哦的博客
01-25 7141
字体粗细：‘font-weight’ 属性 名称： font-weight 取值： normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 初始： normal 适用于： 所有元素 继承： 是 百分比： （不适用） 媒介： 视觉 计算值： 详见描述 动画： - ‘...
CSS样式
weixin_52655964的博客
08-19 1804
CSS样式
前端学习＜三＞CSS进阶——03-网页设计和开发中，那些困扰大神的关于字体的知识
最新发布
——心比天高，仗剑走天涯，保持热爱，奔赴向梦想！低调，谦虚，自律，反思，成长，还算是比较正能量的博主，公益免费传播……内心特别想在AI界做出一些可以推进历史进程影响力的东西(兴趣使然，有点小情怀，也有点使命感呀)…
04-02 1144
我周围的码农当中，有很多是技术大神，却常常被字体这种简单的东西所困扰。这篇文章，我们来讲一讲关于字体的常识。这些常识所涉及到的问题，有很强的可操作性，都是在实际业务中真实遇到的，都是需要开发同学和产品经理、设计师不断重复沟通的。字体真的只是“系统默认，无从解释”这么简单吗？是产品被忽悠？还是开发在敷衍？二者之间的博弈究竟谁能胜出？学会本文，你就能胜出。注意，系统默认的 normal 字重是400；加粗的 bold 字重是700。1、Mac & iOS 平台的“苹方”字体的字重：（有6种粗细，
Regular、Normal、Medium、Light 对应的font-weight值
热门推荐
huch的博客
08-28 5万+
开发中设计师所出的设计图描述字重的地方往往是这样的： 如上2图描述字重的地方用的是Regular，知道这对应的font-weight值是多少吗？ 字体粗细：‘font-weight’属性 名称： font-weight 取值： normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 8...
常见字重名称和font-weight值对照
JIZQAQ学习&踩坑笔记本
04-29 1700
100 - Thin(Hairline) 200 - Extra Light (Ultra Light) 300 - Light 400 - Regular (Normal、Book、Roman) 500 - Medium 600 - Semi Bold (Demi Bold) 700 - Bold 800 - Extra Bold (Ultra Bold) 900 - Black (Heavy)
前端~CSS~属性（font-family/font-weight/font-style/text-align/text-decoration/text-indent...）
zxc的博客
03-06 1589
文章目录元素属性文本属性 前言 CSS 最核心的就是,对属性的使用，有哪些属性，如何使用,以及每个属性都有哪些值~ 这里不会全介绍，只会介绍一些最常用的属性，CSS属性有很多，这里附上参考文档，可以在使用中学习。 CSS参文档 元素属性 字体类型 font-family可以用来设置字体的类型（宋体，隶书，微软雅黑） <style> body{ font-family:'微软雅黑'; } </style> 此处将body标签中的字体样式设置成了微软雅黑。但b
前端引用字体
不敲代码的码农的博客
03-09 1万+
比如引用icomoon.io网上免费的字体：1.选中需要的免费的字体：双击即选中，再次点击即取消2.下载这些选中的字体：点击最下面的按钮：，点击即可看到你选中的字体：点击Download按钮即下载，等待下载完即下载完成3.在页面引用，在你的项目创建font文件夹，将下载的资源里面中的fonts文件夹中的文件全部复制到你创建的font文件夹中，将style.css文件夹全部复制到你的全局样式中（记得...
JavaScript字符串去重的四种方法
前端学习笔记
02-08 2万+
方法一：for遍历 function quchong1(str){ var newStr=""; var flag; for(var i=0;i<str.length;i++){ flag=1; for(var j=0;j<newStr.length;j++){ if(str[i]==newStr[j]){ flag=0; break; } }
前端工程师实战16：详解字体垂直对齐、字体居中对齐、字体行间距（行高）、文字省略号处理
qq_26226059的博客
05-05 2183
大家好，全套HTML和CSS入门与实战课程正在我的专栏《HTML与CSS入门与进阶》更新中！按知识点循序渐进，按照顺序读下来绝对比搜索网上教程更加紧凑！内容通俗易懂，图文并茂，欢迎订阅！ 字体简写属性 行高line-height 行高：行之间的高度（line--height）指的是文字占有的实际高度。 此时div的高度就是文字的行高， 就是边框里面的高度就是行高，如果设置了line-height:200px： 行高除了可以设置大小（px，em，rem。。）还可以是一个整数，行高将..
前端字体最佳实践
xuewenjie0217的博客
11-10 2323
前端的字体方案是一个优雅降级方案，即在代码中列出字体顺序让计算机匹配，先匹配到的字体就会成为当前显示字体。 字体匹配顺序如下： 语言顺序 系统自带 英文（包含阿拉伯数字） 中文 平台顺序 iOS|MacOS Android Windows 其他 字体基础知识 衬线字体与无衬线字体 就 Web 常用的一些字体而言，其实大体上分为衬线字体和无衬线字体。 衬线字体 – 关键字为 serif，意为有衬线的字体，衬线的意思是在字符笔画末端有叫做衬线的小细节的额外装饰，而且笔画的粗细会有所不同，这些细节
html中font-weight
03-31
font-weight属性用于设置字体的粗细程度，取值可以是数字、关键字或者百分比。 常用的关键字有： - normal：普通字体，等同于400。 - bold：粗体，等同于700。 - bolder：更粗的字体。 - lighter：更细的字体。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值