![[CSS] Google Fonts 적용법 [9/7 study]](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FpRS9M%2FbtsJuYKRRFw%2FAAAAAAAAAAAAAAAAAAAAAMmG9uVZSY-d0tcrlO1VjdU8Rt49Xx6pUt0vtlIDrgTj%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DKFLdq666PJfIuGD9jVEA5YEKMXo%253D)
[CSS] Google Fonts 적용법 [9/7 study]Frontend/CSS2024. 9. 7. 15:35
Table of Contents
Google Fonts 적용법
적용방법
1. 사이트 접속
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
2. 원하는 폰트 검색 (저는 Jua 폰트로 하겠습니다!)
3. Get font 클릭 (오른쪽 위)
4. Get embed code 클릭
5. 코드 복사 후 붙여넣기
1) 원래 index.html 코드
처음 화면
2) 복붙!
font-family에 "Jua" 추가!!
적용 완료!!
@동혁이 :: Eun_Frontend
프론트엔드 공부일지 입니다.
포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!