반응형
안녕하세요 ~ @.@
나른한 월요일이네요 ㅜㅜㅜ
요즘엔 회사 업무 외에 프로젝트로 하는게 있어서 html과 css를 자주 쓰게 되네요
주로 이미지를 이용해서 페이지를 표현 했엇는데
찾아보니 font를 이용해서 텍스트 쓰듯이 쓸 수 있는 아이콘이 있어요!
(이런걸 진짜 어떻게 만들엇지...)
쓰는 법은 https://fortawesome.github.io/Font-Awesome/ 에 접속하셔서
파일을 다운로드 받으시고
상단의 icons 메뉴에서 쓰고 싶은 icon을 검색하여 사용하시면 된답니다.
<html lang="ko">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="/lib/font-awesome/css/font-awesome.min.css">
<style>
.fa{font-size:250px;}
</style>
</head>
<body>
<i class="fa fa-home"></i>
</body>
</html>
이렇게 작성한 결과는
이렇게 결과 화면이 나와요
정말 이쁜듯 ...+.+
반응형
'HTML' 카테고리의 다른 글
| tabindex 문제점 (0) | 2017.01.08 |
|---|---|
| 웹폰트 eot, woff 사용하기 (0) | 2016.12.28 |
| formr 과 iframe 사용하기 (0) | 2016.12.19 |
| HTML box 보는 방법 (0) | 2016.05.12 |
| HTML display 속성 활용법 (0) | 2016.05.11 |