CSS - font-size 设置小字体不生效解决方案（小于12px）

前言

使用 font-size 设置小于 12px 的字体时，发现并不生效（字体不会再缩小了）。

原因是 Chrome 以及 Chromium 内核的浏览器在中文语言下最小字体只能是 12px，大部分浏览器都是如此。

解决方案

如果执意要设置小于 12px 的字体，那只能使用 transform: scale() 缩放属性来实现。

/* 小于12px 的字体 */
.txt {-webkit-transform: scale(0.5)
}

兼容写法

有些浏览器允许设置小于 12px 的字体，那么你需要额外写一个类。

/* 优先采用 -webkit-transform 规则 */
.txt {-webkit-transform: scale(0.5)
}/* 允许的浏览器采用以下规则 */
.fontSize {font-size:8px;
}

CSS - font-size 设置小字体不生效解决方案（小于12px）相关推荐

HTML和CSS中如何设置中文字体
你是不是也遇到过这个问题:在HTML或CSS中怎么设置字体为宋体或楷体或黑体等等中文字体呢?下面就来解决这个问题. 用font-family:字体英文名即可. fon标记是HTML里最常用的文字格式 ...
css汉字注释乱码,css font-family属性设置中文字体乱码
一般设置字体,个人都喜欢用中文,比如:font-family:"微软雅黑":但是偶尔会出现设置以后字体显示乱码的问题解决方法[1]: 看看你的CSS文件的第一行有没有:@char ...
微信android字体颜色,企业微信使用markdown发送消息,手机端看不到font标签设置的字体颜色...
标签设置的字体颜色问题类型 API/组件名称终端类型微信版本基础库版本 Bug 消息推送微信安卓客户端 3.0.26(13239) 2.0.0 企业微信使用markdown发送消息,手机端看 ...
CSS的颜色设置和字体设置
CSS颜色通常有三种表示的方法第一种直接写颜色所对应的英文,比如:red是红色, blue是蓝色第二种是十六进制表示法,比如:#ff0000是红色第三种是R(红),G(绿),B(蓝),A(透明度 ...
html中加粗的字体如何改细,css font-weight 属性设置文本字体的粗细
css font-weight介绍在CSS中,font-weight属性用来定义字体粗细.font-weight属于css1版,所以所有主流浏览器都支持font-weight属性. 初学者要注意,字 ...
css font size 单位,css中font-size的单位总结：px、em、pt
px:基于像素的单位.像素是一种有用的单位,因为在任何媒体上都可以保证一个像素的差别确实是可见的. em :一般用来测量长度的通用单位(例如元素周转的页边空白和填充),当用于指定字体大小时,em单位是 ...
【CSS】文本设置、字体设置
1.设置文本默认为红色 body {color:red} 2.文本类选择器: p.ex {color:rgb(0,0,255)} <p class="ex">该段落定义 ...
html字号的范围,font size大小
font size="+1"里面的数值是什么意思 font size="+1" font size="+2" font size=" ...
docx_demos（创建文档类Document及属性方法, 创建段落文本类Paragraph及段落格式设置, 创建字体设置类Run及属性等）
""" docx_demos.py(创建文档类Document及属性方法, 创建段落文本类Paragraph及段落格式设置, 创建字体设置类Run及属性等)使用:一.创建 ...
如何设置小于12px的像素字体
虽互不曾谋面,但希望能和您成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊标星公众号(ID:itclanCoder) (具体效果可 ...

CSS - font-size 设置小字体不生效解决方案（小于12px）

前言

解决方案

兼容写法

CSS - font-size 设置小字体不生效解决方案（小于12px）相关推荐

最新文章

热门文章