본문 바로가기

홈페이지만들기/Html_css&css3

폰트 URL 적용하기

반응형

폰트 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;


※ 소스가 필요하신분은 댓글 남겨주시면 소스 보내드리겠습니다. ※



[홈페이지만들기] - div 배치하기

[홈페이지만들기] - html 테이블구조 만들기

[홈페이지만들기] - first-child / last-child 활용하기


반응형