[CSS] 외부 폰트 적용하기 (.ttf 파일)

HTML5에서 외부폰트를 적용할 때는 ttf 파일을 업로드 한 후에, css 파일에 다음과 같이 입력한다.

@font-face { /* 애플산돌고딕 폰트 적용 */
  font-family: "SDGothic";
  src: url("font/AppleSDGothicNeoM.ttf") format("truetype");
  font-weight: normal;
} /* 이후 "SDGothic"으로 폰트 적용 가능 */

그러면 class나 style에서 SDGothic으로 사용 가능하다.

예시>

* {
  font-family: 'SDGothic', serif;
}

참고>
src: url("font/AppleSDGothicNeoM.ttf")에서 url은 현재 css 파일을 기준으로 ttf 파일이 위치한 경로를 나타낸다.