嘿，如果你看看下面的这个链接
你会注意到故事的标题，“Cheryl Cole 结婚了……她可能伤害了我的儿子，Tre”，非常流畅，看起来就像在 Photoshop 中完成的文字，我想知道，字体是如何变得如此流畅的看，我多年来一直想知道这一点。是 css 还是 html，当我查看他们的源代码时，它似乎是某种 javascript。
有人能帮忙吗？
问问题
173 次
2 回答
1
他们只是使用标准字体（font-family: Impact）并使其变大（font-size: 50px）。根据您的浏览器、操作系统和您自己的设置，不同大小的不同字体可能会触发抗锯齿（您非常喜欢的平滑效果）。
编辑：
某些设置仅“平滑”字体大于特定大小（比如说 16 像素或更高）。因此，为了便于阅读，小于 16px 的文本不会被平滑，而 16+ px 的文本将被消除锯齿（平滑）。
有些设置不做任何抗锯齿。有些人总是做抗锯齿。
于 2012-08-20T20:59:57.913 回答
-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;
于 2012-08-20T20:59:49.740 回答