HTML 무료폰트 적용하기

여기 구글폰트 사이트가 있다.

https://fonts.google.com/

Google Fonts

 

원하는 폰트를 찾은다음,

필요한 폰트를 선택한다.

 

그리고 우측상단에 있는 저 테트리스같은 아이콘을 클릭하면...

이렇게 코드가 나옴.

이 태그들을 복사해서 html파일 헤드에 넣어주면 된다.

그리고 css에는 이걸 붙여넣으면 된다.

(나는 폰트 뭐 두개선택해서 저렇게 두개가 나왔다)

 

만약, 모든 body태그에 적용시키고싶다면..

body{
	font-family: 'Gowun Batang', serif;
}

css파일에서 이런식으로 작성해주면 된다.

 

적용시켜주면...

 

before/after

예쁜 폰트가 적용된 것을 볼 수 있다.