Font Awesome를 사용하여 css 아이콘만들기
이미 잘 알고 게시지요.
혹시 나같은 초짜에게 필요할 것 같아서 감히 올립니다.
Font Awesome은 텍스트 방식으로 아이콘을 만들 수 있게 해주는 솔루션입니다.
Font Awesome 아이콘 전용 폰트 파일을 이용하여 아이콘을 출력하는 방식입니다.
따라서 초보자는 쉽게 구현할 수 없는 아이콘도 Font Awesome만 이용하면 매우 간단하게 아이콘을 만들 수 있습니다.
CSS만 이용하여 아이콘을 만들 수 있기 때문에 속도도 빠르고, 모든 웹브라우저에 호환됩니다
--사용법--
head_sub.php 에 아래를 삽입하시고.
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" />
게시판 등 적당한 곳에.
<i class="fa fa-home"></i>
홈 아이콘이 붙습니다.
# 홈에 가 보시면 여러가지 아이콘과 사용법이 정리되어 있습니다.
혹시 나같은 초짜에게 필요할 것 같아서 감히 올립니다.
Font Awesome은 텍스트 방식으로 아이콘을 만들 수 있게 해주는 솔루션입니다.
Font Awesome 아이콘 전용 폰트 파일을 이용하여 아이콘을 출력하는 방식입니다.
따라서 초보자는 쉽게 구현할 수 없는 아이콘도 Font Awesome만 이용하면 매우 간단하게 아이콘을 만들 수 있습니다.
CSS만 이용하여 아이콘을 만들 수 있기 때문에 속도도 빠르고, 모든 웹브라우저에 호환됩니다
--사용법--
head_sub.php 에 아래를 삽입하시고.
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" />
게시판 등 적당한 곳에.
<i class="fa fa-home"></i>
홈 아이콘이 붙습니다.
# 홈에 가 보시면 여러가지 아이콘과 사용법이 정리되어 있습니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 8개
추천드립니다.