이야기앱 세상

구글 웹 폰트(Web Font) 이용하기 본문

IT/CSS

구글 웹 폰트(Web Font) 이용하기

storya 2022. 11. 17. 17:31

https://fonts.google.com/ 에 접속하면 구글의 웹 폰트를 이용할 수 있다. 

사용하길 원하는 폰트를 검색할 수 있고 검색창 아래 폰트 목록이 보여지기 때문에 목록해서 원하는 폰트를 찾을 수도 있다.

선택한 폰트에는 여러개의 스타일이 적용되어 있는데  사용을 원하는 스타일 선택한다. 아래 Select Light 300 + 를 클릭하면 Remove Light 300 - 로 변경되고 해당 스타일을 사용할 수 있도록 등록된다.

희망하는 스타일을 선택했다면 상단 메뉴 좌측의 View Selected Families 메뉴를 클릭한다.

메뉴를 클릭하면 아래 그림 처럼 Selected family 창이 보여지고 선택한 스타일을 제거할 수 있는 항목이 보이고 그 아래에 HTML 페이지에 첨부하는 방법을 보여준다. <link> 태그를 사용할 지 @import를 사용할 지 결정해서 코드를 복사한 후 사용자의 HTML 페이지에 넣어서 사용한다. 만약 파일을 다운로드해서 사용하길 원하면 Download all를 눌러서 파일을 내려 받아서 직접 링크하여 사용한다.

반응형
Comments