CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSのフォントファミリー

CSS font-familyプロパティは、選択した要素に特定のフォントを設定するために使用されます。クロスブラウザの互換性を確保するために、追加のフォントを指定してWebセーフフォントを使用することをお勧めします。

構文

CSS font-familyプロパティの構文は次のとおりです＆mins; 

Selector {
   font-family: /*value*/
}

次の例は、CSSフォントファミリプロパティ-

を示しています。

例

<!DOCTYPE html>
<html>
<head>
<style>
h2 {
   background-color: thistle;
   font-family: "Magneto", Arial;
}
p {
   font-family: "Segoe Print", serif;
   font-size: 1.4em;
}
</style>
</head>
<body>
<h2>Learn Fortran</h2>
<p>Fortran, as derived from Formula Translating System, is a general-purpose, imperative programming language. It is used for numeric and scientific computing.</p>
</body>
</html>

出力

これにより、次の出力が得られます-

CSSのフォントファミリー

例

<!DOCTYPE html>
<html>
<head>
<style>
th {
   font-family: "Franklin Gothic Book", Arial;
   border: thin solid blue;
}
td {
   font-family: "Lucida Console", serif;
   font-size: 1.1em;
   box-shadow: inset 0 0 3px black;
}
caption {
   font-family: Broadway;
   font-size: 24px;
}
</style>
</head>
<body>
<table>
<caption>Demo Table</caption>
<tr>
<th>DEMO 1</th>
<th>DEMO 2</th>
</tr>
<tr>
<td>demo a</td>
<td>demo b</td>
</tr>
<tr>
<td>demo c</td>
<td>demo d</td>
</tr>
</table>
</body>
</html>

出力

これにより、次の出力が得られます-

CSSのフォントファミリー


  1. CSSのフォントバリアント

    font-variantプロパティは、font-variant-caps、font-variant-numeric、font-variant-alternates、font-variant-ligatures、およびfont-variant-east-asianを指定するために使用されます。 構文 font-variantプロパティの構文は次のとおりです- Selector {    font-variant: /*value*/ } 次の例は、CSSフォントバリアントプロパティ-を示しています。 例 <!DOCTYPE html> <html>

  2. CSSのフォントサイズ

    CSS font-sizeプロパティは、フォントのサイズを設定するために使用されます。値は、パーセンテージ、ピクセル、cm、ポイント、emなどの単位、および絶対キーワードで指定できます。相対値はアクセシビリティを最大化します。デフォルトのフォントサイズは16pxまたは12ptです。 構文 CSSfont-sizeプロパティの構文は次のとおりです- Selector {    font-size: /*value*/ } 次の例は、CSSのfont-sizeプロパティ-を示しています。 例 <!DOCTYPE html> <html> <he