CSS

[중앙정보처리학원] CSS* 글꼴, 문자

해보구 2024. 3. 13. 14:00

 

폰트 사용법. 예제 코드

<style>
    div[class^="font"] {
      font-size: 40px;
      margin-bottom: 20px;
    }

    .font1 {
    /* 바탕체 계열 */
      font-family: candy, serif;
    }
    /* 고딕체 계열 */
    .font2 {
      font-family: "나눔고딕", sans-serif;

    }
    .font3 {
      /* 고정폭 계열 */
      font-family: monospace;
    }
    .font4 {
      /* 필기체 계열 */
      font-family: "궁서체", cursive;

    }
    .font5 {
      /* 화려한 계열 */
      font-family: fantasy;
    }

    .font6 {
      font-family: "Oswald", sans-serif;
    }
  </style>

 

 

 

 

폰트는 font-family  : 후보 1   ,   후보2    ,  후보 3   ,   후보4. 1번이 먼저고 맨 마지막 후보

폰트 뒤에 또는 폰트 뒤에 계열 serif 등등 써줘야 한다.