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

CSS@font-faceルールの使用

@ font-faceルールは、ドキュメントで使用するフォント面を網羅的に記述するために使用されます。 @ font-faceを使用して、ダウンロードするフォントの場所を定義することもできますが、これは実装固有の制限にぶつかる可能性があります。

例 
<style>
   <!--
      @font-face {
         font-family: "Scarborough Light";
         src: url("https://www.font.site/s/scarbo-lt");
      }

      @font-face {
         font-family: Santiago;
         src: local ("Santiago"),
         url("https://www.font.site/s/santiago.tt")
         format("truetype");
         unicode-range: U+??,U+100-220;
         font-size: all;
         font-family: sans-serif;
      }
   -->
</style>

  1. CSSのフォントスタイル

    CSS font-styleプロパティは、要素のテキストの通常、斜体、または斜体のスタイルを指定するために使用されます。 構文 CSSフォントスタイルプロパティの構文は次のとおりです- Selector {    font-style: /*value*/ } 例 次の例は、CSSフォントスタイルのプロパティ-を示しています。 <!DOCTYPE html> <html> <head> <style> h2 {    font-style: italic;    background

  2. 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>