css
CSS 탐구생활 : 폰트 바꾸기
환상곰
2022. 6. 24. 23:36
반응형
웹사이트를 꾸미다 보면 요소에 맞게 다양한 폰트로 바꾸고 싶은 생각이 든다. 오늘은 폰트를 바꾸는 방법에 대해 알아보자
우선 폰트를 바꿔줄 사이트 하나가 필요하다.
https://fonts.google.com/ 라는 곳인데 구글에서 다양한 폰트를 제공해준다.
1. 이곳에 들어가서 마음에드는 폰트를 하나 골라준다.
2. 마음에 드는 폰트를 골랐다면 폰트의 굵기를 정해서 select this style을 누른다.
눌렀다면 요런 페이지가 옆에 뜰건데 <link>태그로 되어있는 저 코드들 중에 하나만 복사해서 html파일 head쪽에 붙여넣기 해주고 link밑에 보면 CSS rules to specify families 라는게 있는데 이 font-family를 폰트를 바꾸고 싶은 요소의 css에 붙여넣는다.
여기까지 하면 해당요소의 폰트를 바꿀수 있다!
// 배경이미지
반응형