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

CSSのWebフォント

Webフォントは、ローカルシステムにインストールされていないCSSのフォントを許可するために使用されます。

例

次のコードは、フォント面のサンプルコードを示しています。

<html>
   <head>
      <style>
         @font-face {
            font-family: myFirstFont;
            src: url(/css/font/SansationLight.woff);
         }
         div {
            font-family: myFirstFont;
         }
      </Style>
   </head>
   <body>
      <div>This is the example of font face with CSS3.</div>
      <p><b>Original Text :</b>This is the example of font face with CSS3.</p>
   </body>
</html>

出力

CSSのWebフォント


  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