CSS - Font

1. 기본적인 Font종류

Font는 크게 5종류로 나뉘며, 빨간색 글씨는 font의 종류 아래의 글씨들을 해당 font 종류에 해당하는 대표 font의 이름이다.

 

 

2. Font 설정

 

font 설정은 위 예시처럼 하면 된다. font-family: 키워드 뒤에 사용하고자 하는 font의 이름을 넣고, 해당 font가 정상적으로 적용되지 않을 때 적용할 2번째 font를 적고, 2번째 폰트마저 적용이 되지 않으면 사용할 font의 종류를 적어주면 된다. 

font를 한가지만 적거나 font 종류만 적어도 해당 폰트가 정상적으로 적용가능한 환경이라면 폰트가 적용된다.

 

 

3. Font 파일 사용하기

 

fonts 폴더에 원하는 font파일을 다운로드 받은 후에 

css 파일에서 @font-face 를 사용하여 다운로드 받은 font 파일을 import 해줘야한다.

css파일에서 두단계 올라간 후 fonts 파일의 otf 파일에 접근해야 하므로 url은 ../fonts/BMJUA_otf.otf 가 된다.

 

그리고 font-family: 를 사용하여 해당 font의 이름을 정하고, 위 예제에서 아래 p태그에 적용한 것처럼 정해준 font 이름을 font-family와 함께 사용하여 적용하면 된다.