CSS 3学習(五)フォント関連スタイル
1916 ワード
一、文字と箱の模型の影の文法X-shadowについて:水平のオフセットの垂直のオフセットのあいまいな程度の色;次のようになります.
パラメータ値の間にカンマを追加するだけで、複数のシャドウを表示することもできます.
二、サーバー側フォント①改行属性を使用する:word-breakはいくつかの値を含む:
②フォントをインポートするスタイルの書き方:
クライアント自体にフォントが含まれている可能性がある場合は、srcの書き方を次のように変更します.
三、フォントを修正する時にフォントの大きさを一定に保つ原因:異なるフォントが同じ文字の下で大きさが異なる可能性がある;解決:font-size-adjustプロパティを使用します.値はaspect(0.60などの数値)で、高さとサイズで計算されます.通常、高さ/フォントサイズで計算されます.ブラウザには独自の計算方法があります.通常は微調整で補正します
text-shadow:5px 5px 5px gray;
パラメータ値の間にカンマを追加するだけで、複数のシャドウを表示することもできます.
box-shadow:1px 1px 1px gray , -1px -1px 2px black;
二、サーバー側フォント①改行属性を使用する:word-breakはいくつかの値を含む:
normal //
keep-all //
break-all // ,
②フォントをインポートするスタイルの書き方:
@font-face{
font-family:WebFont;
src:url(' ')format(" ");
// format (ttf:truetype;otf:opentype)
}
クライアント自体にフォントが含まれている可能性がある場合は、srcの書き方を次のように変更します.
src:local(" "),url(" ");
三、フォントを修正する時にフォントの大きさを一定に保つ原因:異なるフォントが同じ文字の下で大きさが異なる可能性がある;解決:font-size-adjustプロパティを使用します.値はaspect(0.60などの数値)で、高さとサイズで計算されます.通常、高さ/フォントサイズで計算されます.ブラウザには独自の計算方法があります.通常は微調整で補正します