Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 是否可以在CSS中禁用字体平滑?_Html_Css_Fonts_Stylesheet_Font Smoothing - Fatal编程技术网

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

我想要一些小字体看起来不平滑。可以使用HTML/CSS禁用字体平滑吗?

尝试
字体平滑:从不


是的,尽管我不能说哪个浏览器会注意到你

你可以写

<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;