嘿，如果你看看下面这个链接
你会注意到这个故事的标题，“谢丽尔科尔已经结婚......她可能会伤到我的儿子，Tre”，它是如此流畅，看起来像是在photoshop中完成的文字，我想知道，怎么会得到字体如此流畅，我多年来一直想知道这一点。是css还是html，当我查看他们的源代码时，它似乎是某种javascript。
任何人都可以帮忙吗？
答案 0 :(得分：1)
他们只是使用标准字体（font-family: Impact）并使其变大（font-size: 50px）。根据您的浏览器，操作系统和您自己的设置，不同大小的不同字体可以触发抗锯齿（您喜欢的平滑效果）。
编辑：
某些设置只有大于特定大小的“平滑”字体（比方说16px或更高）。因此，为了便于阅读，小于16px的文本将不会被平滑，而文本16+ px将被消除锯齿（平滑）。
某些设置不执行任何抗锯齿处理。有些人总是做抗锯齿。
答案 1 :(得分：-1)
现场的计算风格是这样，我突出了字体系列......也许这就是你的意思。
-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
-webkit-border-image: none;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
background-size: auto;
border-bottom-color: black;
border-bottom-style: none;
border-bottom-width: 0px;
border-left-color: black;
border-left-style: none;
border-left-width: 0px;
border-right-color: black;
border-right-style: none;
border-right-width: 0px;
border-top-color: black;
border-top-style: none;
border-top-width: 0px;
clear: none;
color: black;
display: block;
的 font-family: impact, helvetica, sans-serif;
font-size: 50px;
font-weight: normal;
height: 100px;
line-height: 50px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
max-width: none;
outline-color: black;
outline-style: none;
outline-width: 0px;
overflow-x: visible;
overflow-y: visible;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
vertical-align: baseline;
width: 620px;