この下のリンクを見ていただければ幸いです
ストーリーのタイトル「シェリル・コールは結婚している...彼女は私の息子、トレを傷つけるかもしれない」がとても滑らかで、フォトショップで作成されたテキストのように見えることに気付くでしょう。見て、私は何年もこれを知りたいと思っていました。css なのか html なのか、ソースコードを見てみると、JavaScript のようなものだったようです。
誰でもこれを手伝ってもらえますか？
質問する
173 次
2 に答える
1
標準的なフォントを使用して ( font-family: Impact)、それを大きく ( font-size: 50px) しているだけです。ブラウザ、OS、および独自の設定に応じて、さまざまなサイズのさまざまなフォントがアンチエイリアシングをトリガーする可能性があります (そのスムージング効果は非常に気に入っています)。
編集：
特定の設定では、特定のサイズ (16px 以上としましょう) より大きいフォントのみを「滑らかに」します。そのため、16 ピクセル未満のテキストは読みやすさのために平滑化されず、16 ピクセル以上のテキストはアンチエイリアス処理 (平滑化) されます。
一部のセットアップでは、アンチエイリアシングは行われません。常にアンチエイリアシングを行うものもあります。
于 2012-08-20T20:59:57.913 に答える
-1
そのライブの計算されたスタイルはこれです、私はfont-familyを強調しました...多分それはあなたが意味するものです.
-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 に答える