반응형
폰트 URL 적용하기
CSS에 Font URL을 적용할 수 한글폰트의 적용도 같은 형식으로 적용하면된다.
적용 방법은 아래와 같이 하면 된다.
1) https://www.google.com/fonts에 접속한다.
2) 검색창에 검색한다.
3) 검색 리스트가 나오면 리스트에 나오는 아이콘 중간을 클릭한다.
4) 필요한 부분에 체크하고 3. Add this code to your website에 탭 메뉴인 @import를 클릭 면 아래 나오는 @import(URL);을 css 파일에 입력하시면 됩니다.
적용방법
css파일: @import url(https://fonts.googleapis.com/css?family=Roboto:400,700);추가
html파일: body{font-family: 'Roboto', sans-serif;}
css파일: @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html파일: font-family:'Nanum Gothic', sans-serif;
※ 소스가 필요하신분은 댓글 남겨주시면 소스 보내드리겠습니다. ※
[홈페이지만들기] - first-child / last-child 활용하기
반응형
'홈페이지만들기 > Html_css&css3' 카테고리의 다른 글
ul li 가로정렬로 메뉴만들기 (css가로정렬) (5) | 2017.01.27 |
---|---|
div 프레임나누기 (2) | 2017.01.25 |
div 배치하기 (0) | 2017.01.24 |
html 테이블구조 만들기 (0) | 2016.12.30 |
first-child / last-child 활용하기 (0) | 2016.12.29 |