Html 是否可以在CSS中禁用字体平滑?
我想要一些小字体看起来不平滑。可以使用HTML/CSS禁用字体平滑吗?尝试Html 是否可以在CSS中禁用字体平滑?,html,css,fonts,stylesheet,font-smoothing,Html,Css,Fonts,Stylesheet,Font Smoothing,我想要一些小字体看起来不平滑。可以使用HTML/CSS禁用字体平滑吗?尝试字体平滑:从不 是的,尽管我不能说哪个浏览器会注意到你 你可以写 <p style="font-smooth:never;"> 为了得到你想要的效果 编辑 我确信几个月前我就用过这个,但我在Mozilla网络上读过 尽管在CSS3字体的早期(2002年)草稿中出现了字体平滑功能,但它的 已从本规范中删除,目前不在 标准轨道 对不起 是的,这是可能的,但并非适用于所有浏览器 font-smooth: au
字体平滑:从不代码>
是的,尽管我不能说哪个浏览器会注意到你
你可以写
<p style="font-smooth:never;">
为了得到你想要的效果
编辑
我确信几个月前我就用过这个,但我在Mozilla网络上读过
尽管在CSS3字体的早期(2002年)草稿中出现了字体平滑功能,但它的
已从本规范中删除,目前不在
标准轨道
对不起 是的,这是可能的,但并非适用于所有浏览器
font-smooth: auto | never | always | <absolute-size> | length | initial | inherit
-webkit-font-smoothing : none | subpixel-antialiased | antialiased
UPD(适用于铬合金):
我也在找这个。我最终在另一个stackoverflow线程()上找到了一个解决方案,用于禁用SVG的文本平滑(禁用反别名),但该解决方案也适用于常规HTML元素
诀窍是使用SVG过滤器,然后可以将其添加到任何HTML元素中,以使任何内容都变得清晰
首先,我们需要定义过滤器,以便在CSS中使用它
将筛选器添加到仅包含文本的HTML元素。如果它有背景色什么的,它就不工作了
p{
过滤器:url(#crispify);
}
额外内容:您可能希望隐藏SVG元素,因此将其添加到CSS中
。屏幕外{
位置:绝对位置;
左:-100000像素;
顶部:自动;
宽度:1px;
高度:1px;
溢出:隐藏;
}
另一件事:如果白色看起来很奇怪,请将颜色更改为黑色,然后使用另一个过滤器将其反转,因此您的代码如下所示:
p{
过滤器:url(#crispify)反转(1);
}
注意,对于设计为简洁的字体(如像素字体),这将是最好的。我也不知道这是否适用于所有浏览器,但它确实适用于Chrome、Edge和Firefox
@artur123您解决问题了吗?很抱歉,到目前为止没有提供任何反馈。不幸的是,在谷歌Chrome上它对我不起作用。字体仍然平滑,:-(可能是操作系统相关的问题?我已经更新了我的帖子。你读过这篇文章吗?谢谢Eugene,但你提供的链接谈到了强制平滑,我不希望我的web应用程序中的某些文本平滑,:-)链接现在已断开。(我是说12年后,但你知道!)
font-smooth: never;
-webkit-font-smoothing : none;