클론코딩 font 쉽게 다운받자!

Balsamic·2022년 12월 3일
0

코딩공부

목록 보기
1/11
post-thumbnail
post-custom-banner

포트폴리오 제작이나 디자인참고를 위해서 클론코딩은 웹 공부의 필수이다.
클론코딩에서 기본적으로 다운받아야 할것들은 이미지와 글꼴! 일단 개발자 모드를 킨다.
보통은 네트워크 -> 글꼴을 클릭하면 하단에 다운받을 수 있는 글꼴파일이 나온다.

하지만 그방법이 통하지 않는다면 직접 url을 찾아서 쓰는 수 밖에는 없다. 그 방법은 매우 간단하다. 웹페이지의 css 파일안에 있는 @font-face를 찾아서 그 url을 웹페이지 주소의 뒤에 붙여주면된다.

하단에 있는 이미지를 보면 @font-face 안에 url('../font')이런 형식의 경로가 보일것이다. 이것을 그대로 복사해서 붙여 넣어주면 되는것이다.
안다르 홈페이지로 예를들면
https://andar.co.kr/common/font/Gilroy-Medium.woff2
이런식으로 홈페이지 뒤에 붙여서 엔터를 쳐주면 바로 다운로드가 시작될 것이다.

post-custom-banner

0개의 댓글