Notice
Recent Posts
Recent Comments
Link
이야기앱 세상
구글 웹 폰트(Web Font) 이용하기 본문
https://fonts.google.com/ 에 접속하면 구글의 웹 폰트를 이용할 수 있다.
사용하길 원하는 폰트를 검색할 수 있고 검색창 아래 폰트 목록이 보여지기 때문에 목록해서 원하는 폰트를 찾을 수도 있다.
선택한 폰트에는 여러개의 스타일이 적용되어 있는데 사용을 원하는 스타일 선택한다. 아래 Select Light 300 + 를 클릭하면 Remove Light 300 - 로 변경되고 해당 스타일을 사용할 수 있도록 등록된다.
희망하는 스타일을 선택했다면 상단 메뉴 좌측의 View Selected Families 메뉴를 클릭한다.
메뉴를 클릭하면 아래 그림 처럼 Selected family 창이 보여지고 선택한 스타일을 제거할 수 있는 항목이 보이고 그 아래에 HTML 페이지에 첨부하는 방법을 보여준다. <link> 태그를 사용할 지 @import를 사용할 지 결정해서 코드를 복사한 후 사용자의 HTML 페이지에 넣어서 사용한다. 만약 파일을 다운로드해서 사용하길 원하면 Download all를 눌러서 파일을 내려 받아서 직접 링크하여 사용한다.
반응형
'IT > CSS' 카테고리의 다른 글
CSS 컨텐트의 높이와 관계 없이 푸터가 항상 하단에 위치 (1) | 2019.02.11 |
---|---|
CSS 페이지 스크롤시 푸터를 고정시키기 (0) | 2019.02.11 |
CSS 페이지 스크롤시 헤더를 고정시키기 (0) | 2018.12.18 |
CSS border-radius를 이용해서 사각형 형태의 사진을 원형 사진으로 만들기 (0) | 2018.12.17 |
줄바꿈 처리 CSS 속성 word-wrap, word-break (0) | 2018.12.16 |
Comments