css 웹폰트 적용하는 방법 기본 폰트가 아닌 내가 원하는 폰트를 적용하는 방법은, 1. 사이트에서 link로 가져오기 2.
직접 다운로드받아서 적용하기 1. 사이트에서 link로 가져오는 방법 <구글폰트> 1.
구글폰트 사이트 (https://fonts.google.com/) 접속 2. 원하는 폰트 선택 후 get font 클릭 3.
Get embed code 클릭 4. web 에서 1) link로 가지고 오는 방법 link 3번째 줄 복사해서 head 안에 붙여넣기 적용시킬 태그에 font-family 부분 복사해서 붙여넣기 h1 { font-family: "Jersey 10 Charted", sans-serif; } 2) @import로 가지고 오는 방법 @import 부분 복사해서 css 파일...
![[css 4.] 웹폰트 적용하기](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MThfODYg/MDAxNzEzNDMyMDU4ODc4.Gat7lEMPDHbg5pi9mncKTQT2GCNzopnBrEpWMoarqFIg.RHn6uVsbuaP0z0YoPISptKEDlaeQdiv4c6vCaGG7wbwg.JPEG/014.jpg?type=w2)
#
css웹폰트
#
웹폰트
#
웹사이트폰트
#
다운로드폰트설정
#
눈누폰트설정
#
구글폰트설정
#
webfont적용하기
#
webfont
#
html폰트넣기
#
fontfamily
#
fontface
#
css폰트설정
#
css폰트넣기
#
폰트패밀리
원문 링크 : [css 4.] 웹폰트 적용하기
![[공유] CSS 정리](https://mblogthumb-phinf.pstatic.net/MjAyNDAzMjRfMjc4/MDAxNzExMjU4ODc5NzQ5.x3XJGvNpZNVo1C9-ROFbefy5Oxr_R4crBw1W10ppoM8g.Cw744GmQrQmcnKKaV_iR5yUlc8Hdou9ooA60IovlQ2Ag.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4_-002.jpg?type=w2)
![[GTQi 일러스트] 자격증 합격기준 & 기출문제](https://mblogthumb-phinf.pstatic.net/MjAyNDAzMjVfMTc2/MDAxNzExMzYzNDc0MjI1.2wxgdeFZJ9Ss8XbmAtxTRP9m-aQJU7zWV4NAuPn-eYgg.Lv28j2gJYx1DQzojF8BpmSmLCgdk0kvwrujpZKedmJsg.JPEG/%C0%CF%B7%AF%BD%BA%C6%AE.jpg?type=w2)
![[css 3.] 다양한 단위 설정하기 - px, %, em, rem, vw, vh](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MThfOTUg/MDAxNzEzNDI4NDI2MDc4.eKpFilioRYbNx4lRwO4-b4aVgbshr_00aYYGT0eKi7Ig.9afpVPQKkuQTUcHMVqONA_X0vvraNxdur27kQVCfv3wg.JPEG/013.jpg?type=w2)
![[css 15.] 반응형 웹사이트 만들기 (설정 방법, rem, iframe, video 비율)](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MDFfMTUy/MDAxNzE0NTcyMTE5MDA5.vU_6qYyVcjFdYLs4YD6o2w03LUhY1dqiJEbMicxIWgkg.3z3X0Da-MSeglLeCq5JBB_7qCZzldz3IqRx8TO8HAtog.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB-026.jpg?type=w2)
![[jQuery 1.] jquery 라이브러리 사용방법 (html에 적용하여 확인하기)](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MTBfMTY1/MDAxNzE1MzUzMDgyOTQy.VnOsqds4lpz3PN19ecSVVaSNzb-mNkMaoONdZZLrOo4g.jgOxPPw6S-ZOfQ5exqFbm752WVQ6eXdVhVCacizT9aAg.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB_%281%29-005.jpg?type=w2)
![[jQuery 5.] jquery 메서드 종류 (속성, 스타일, 클래스 추가 등)](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MTVfNSAg/MDAxNzE1NzY2OTE3Mzkx.SMrL39xV9C62nrI6EjhGj2Fj9fHZpajIh8_2EW8jvgcg.Lb6UcrnZRnBS2JEqi1_cdwKuxKwgzqbL1DTI7wnSZyog.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB_%281%29-009.jpg?type=w2)