[HTML] 폰트 적용

토이 프로젝트의 완성도를 높이기 위해(?) 예쁘장한 폰트를 적용하고 싶어졌다.

html

구글 웹 폰트에서 원하는 폰트를 검색한다.

폰트 선택 후 원하는 굵기 폰트 우측에 select ~~를 클릭하면

index.js의 head 하단에 사진에 보이는 <link> ~~를 붙여넣고,

바로 밑에 <style> @import ~~을 붙여넣는다.

그렇게 하면 css에서 적용할 수 있게 된다.

css

css 파일에서 font-family:에 새로운 글꼴에 대응하는 글꼴명을 기입해주면 적용된다.