글로벌 스타일과 폰트

폰트를 직접 넣어서 적용하기

public 폴더 내에 원하는 폰트를 넣어주고

이런식으로 @font-face를 사용해서 해당 폰트를 font-family로 만들 수 있음
이후는 font-family: "지정한 폰트명"; 으로 호출해서 사용하면

이런식으로 적용이 가능함.

이미지 / 폰트 다운로드

인터넷 페이지를 열어보면 위처럼 이미지는 다른데서 다운받고있는걸 볼 수 있는데
폰트도 동일하게 다운받아서 적용을 시킴.

이미지는 다운이 되어야 화면에 표시가 되는데
폰트는 다운이 완료될 때까지 표시가 안되거나, 기본폰트로 출력되거나 두가지 방식이 있다.

후자의 경우 위처럼 다운로드 속도가 느려서 특정 글자가 안보여서 내용이 바뀔수도 있음.

FOIT : 텍스트를 안보여주다가 폰트 다운이 완료되면 출력
FOUT : 기본폰트로 보이다가 다운이 완료되면 적용하는 방식

압축률이 높은 폰트를 사용하는것도 좋은 방법

subset-Font

폰트의 용량이 큰 이유는 모든 글자에대해서 적용이되있어서 그런것
안쓰는 글자들은 없는 폰트를 사용 = 경량화 폰트

Fallback-Font

폰트 다운에 실패한경우

좌측부터 적용해서 실패하면 차순위의 폰트를 적용하는 방식