Css 如何使字体显示得像这样平滑?

Css 如何使字体显示得像这样平滑?,css,fonts,Css,Fonts,嘿,如果你看看下面的链接 你会注意到这个故事的标题,“谢丽尔·科尔结婚了……她可能会伤害我的儿子特雷”,非常流畅,看起来像是photoshop中的文字。我想知道,人们是如何使字体看起来如此流畅的,我想知道这一点已经有多年了。是css还是html,当我看他们的源代码时,它似乎是某种javascript 有人能帮忙吗?直播的计算风格是这样的,我突出显示了字体系列。。。也许这就是你的意思 -webkit背景剪辑:边框框; -webkit背景来源:填充框; -webkit背景大小:自动; -webki

嘿,如果你看看下面的链接

你会注意到这个故事的标题,“谢丽尔·科尔结婚了……她可能会伤害我的儿子特雷”,非常流畅,看起来像是photoshop中的文字。我想知道,人们是如何使字体看起来如此流畅的,我想知道这一点已经有多年了。是css还是html,当我看他们的源代码时,它似乎是某种javascript


有人能帮忙吗?

直播的计算风格是这样的,我突出显示了字体系列。。。也许这就是你的意思

-webkit背景剪辑:边框框;
-webkit背景来源:填充框;
-webkit背景大小:自动;
-webkit边框图像:无;
背景附件:滚动条;
背景剪辑:边框框;
背景色:透明;
背景图像:无;
背景来源:填充框;
背景尺寸:自动;
边框底色:黑色;
边框底部样式:无;
边框底宽:0px;
左边框颜色:黑色;
左边框样式:无;
边框左宽度:0px;
右边框颜色:黑色;
右边框样式:无;
右边框宽度:0px;
边框顶部颜色:黑色;
边框顶部样式:无;
边框顶部宽度:0px;
明确:无;
颜色:黑色;
显示:块
字体系列:impact、helvetica、无衬线
字体大小:50px;
字体大小:正常;
高度:100px;
线高:50px;
列表样式图像:无;
列表样式位置:外部;
列表样式类型:无;
边缘底部:0px;
左边距:0px;
右边距:0px;
边际上限:0px;
最大宽度:无;
轮廓颜色:黑色;
轮廓样式:无;
轮廓宽度:0px;
溢出x:可见;
溢出y:可见;
垫底:10px;
左侧填充:0px;
右边填充:0px;
填充顶部:0px;
垂直对齐:基线;

宽度:620px

他们只是使用了一种标准字体(
字体系列:Impact
)并将其变大(
字体大小:50px
)。根据浏览器、操作系统和您自己的设置,不同大小的不同字体可能触发抗锯齿(平滑效果您非常喜欢)

编辑:

某些设置只能使用大于特定大小(比如16px或更高)的“平滑”字体。因此,为了可读性,小于16px的文本将不会平滑,而文本16+px将被抗锯齿(平滑)


某些设置不执行任何抗锯齿。有些人总是进行抗锯齿处理。

See看起来就像是impact font.Mihad。欢迎来到StackOverflow!(PS-别忘了选择答案)