[HTML,CSS] 구글폰트 사용하는 법
2024. 9. 22. 08:07ㆍHTML,CSS
구글폰트 사용하는 방법이 조금 달라져 새로워진 방법에 대해 공유해 보려 한다.
+ 구글 폰트 사용법
1. https://fonts.google.com/?subset=korean&script=Kore
구글폰트 검색 후 접속한다.
2. 원하는 폰트를 클릭하다.
3. 오른쪽 상단 Get font를 클릭한다.
4. 오른쪽편에 보이는 Get embed code버튼을 클릭한다.
5. Copy code를 클릭하여 전체코드를 복사 후 에디터(비주얼 스튜디오)로 돌아와 <head>태그에 넣어준다.
6. 폰트 스타일을 복사한 후 CSS style sheet에 적용 시킨다.
구글폰트를 이용하여 더욱 풍성한 웹페이지를 꾸며보자.
'HTML,CSS' 카테고리의 다른 글
| 티스토리에 코드펜(Codepen) 적용하기 (4) | 2024.09.22 |
|---|---|
| [CSS]Flex box (0) | 2024.09.22 |
| [HTML,CSS] icon 삽입 하기 (3) | 2024.09.19 |
| contenteditable div에 placeholder추가하기 (2) | 2024.09.18 |
| CHAPTER3> div와 span태그의 차이, 시맨틱 태그 (0) | 2024.08.31 |