HTMLフォント設定


▶▼フォントシリーズの設定方法

  body {
    font-family : 'gulim', 'gothic'
  }
  • バグなしで使用するには、フォントの英語名を使用する必要があります.
  • フォント名にスペースがある可能性があります.引用符で囲んだほうがいいです.
  • のフォント名をカンマとして使用し、一番左のフォントから使用します.失敗した場合は、次のフォントを順番に適用します.
  • Webサイトのユーザーのパソコンにインストールされているフォントに適しています.
  • ▼▼サイトはユーザーのパソコンにインストールされていないフォントを使う

      @font-face {
        font-family : '이쁜폰트';
        src : url(nanumsquare.ttf)
      }
    CSSファイルの一番上に@font-faceというコマンドを置き、適用するフォントのパスと名前を書きます.(フォルダ内にフォントファイルが必要)font-family:「きれいなフォント」をどこでも使用できるようになりました.
  • ネットワークフォントのWOFFファイルの容量はTTFの3分の1ですが、できればWOFFファイルを使いましょう.
  • Googleフォントを使用すると、フォントファイルを使用する必要がなく、直接リンクしてフォントを使用できます.
  • ▶▼フォント汚染防止



    ウィンドウの拡大、スクロールフォントの縮小、または大きく拡大すると、角があるように見えます.
    これらの鋭角を最大限に滑らかにするには、反転して次のコードをCSSファイルに追加する必要があります.
    	transform : rotate(0.04deg); 
    このように少し角度を調整することで、窓環境で自然な防眩効果を生み出すことができます.