폰트 가져오기

1.개발자모드-네트워크-글꼴 누른 후 새로고침하면 사용된 글꼴을 확인할 수 있다

-> 해당폰트 더블클릭 하면 다운로드 완료

2.assets-font파일을 생성 후 다운로드 받은 파일을 옮겨준다

3.font.css생성후 레이아웃css에 추가

폰트의 종류

1) ttf(win) - 트루 타입(지원범위가 작음)
2) otf(mac) - 오픈트루타입(지원범위가 작음)

3) eot - 익스플로어지원(지금은 사용 x)

4) woff - 웹오픈폰트포맷 / 모던브라우저
5) woff2 - 웹오픈폰트포맷 woff의 최대 50% / 20% 압축
(4,5번이 실제로 가장 많이 사용되는 폰트포맷)

6) svg - 모바일에서 사용(깨지지 않지만 잘 사용되진 않음)

폰트지원범위를 검색시 구글에 'ttf지원범위'
파일변환시 구글검색 ex: 'ttf에서woff'

font.css 사용방법

FontWeight별 사이즈

w200 Extra-light
w300 Light
w400 Normal / regular / plain
w500 Medium
w600 Semi-bold
w700 Bold
w800 Extra-bold
w900 Black, the most thick