홈페이지만들기/Html_css&css3
폰트 URL 적용하기
JUN나무
2016. 12. 19. 15:17
반응형
폰트 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 활용하기
반응형