html css 웹폰트 넣는 법과 안티앨리어싱

html 에서 폰트 넣는 법

???.cs 파일에

body {
	font-family: 'gulim', 'dotum', 'arial';
}

설치가 된 폰트는 이렇게 표시 가능

설치가 안된 폰트들 사용하는 법

@font-face {
	font-family : '작명~~~';
    src : url()
}
@font-face {
	font-family : '작명~~~';
    font-weight : 800;
    src : url()
}
이런식으로 여러개 등록 가능

내가 준비한 폰트파일을 css에서 사용가능하게 등록하는 과정
한글 폰트는 사이즈가 너무 큼
그래서 한글 폰트는 1~2개만 쓰는걸 추천
용량을 줄이려면 .woff 사용 ( TTF 대비 1/3 정도의 용량 )

폰트를 굵게 적용

font-weight: 900;
그냥 주면 이상함, 굵은 폰트를 따로 등록을 해야 함

---

이렇게 하는게 싫다면
google fonts 같은 곳을 가서 폰트파일을 호스팅해주면 됨
https://fonts.google.com/

링크나 import로 바로 설정가능

---

기본 폰트 or 굴림으로 적용 시, 맥은 아니고 윈도우에선 확대하면 좀 빡빡? 하게 나오는데 이 부분을 해결하는 방법은

p,h1,h2,h3,h4,span,~~~~ {
	transform:rotate(-0.03deg);
}

이런식으로 글자에 해당하는 태그들을 살짝 돌려주면 훨씬 부드러워짐