아이콘을 추가하는 방법

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css 

위 css를 이용한 아이콘 추가


아이콘을 추가하는 방법


아이콘을 삽입하려면 아이콘 클래스의 이름을 인라인 HTML 요소에 추가하십시오.


<i>및 <span>요소 널리 아이콘을 추가하는 데 사용됩니다.


아래의 아이콘 라이브러리에있는 모든 아이콘은 CSS (크기, 색상, 그림자 등)로 사용자 정의 할 수있는 확장 가능한 벡터 아이콘입니다.


글꼴 굉장 아이콘

글꼴 썸네일 아이콘을 사용하려면 <head>HTML 페이지 의 섹션 안에 다음 행을 추가 하십시오.


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


참고 : 다운로드 또는 설치가 필요하지 않습니다!


<!DOCTYPE html>

<html>

<head>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

</head>

<body>


<i class="fa fa-cloud"></i>

<i class="fa fa-heart"></i>

<i class="fa fa-car"></i>

<i class="fa fa-file"></i>

<i class="fa fa-bars"></i>


</body>

</html>




<!DOCTYPE html>

<html>

<head>

<title>Font Awesome Icons</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

</head>

<body>


<p>Some Font Awesome icons:</p>

<i class="fa fa-cloud"></i>

<i class="fa fa-heart"></i>

<i class="fa fa-car"></i>

<i class="fa fa-file"></i>

<i class="fa fa-bars"></i>


<p>Styled Font Awesome icons (size, color, and shadow):</p>

<i class="fa fa-cloud" style="font-size:24px;"></i>

<i class="fa fa-cloud" style="font-size:36px;"></i>

<i class="fa fa-cloud" style="font-size:48px;color:red;"></i>

<i class="fa fa-cloud" style="font-size:60px;color:lightblue;text-shadow:2px 2px 4px #000000;"></i>


</body>

</html>


|
댓글을 작성하시려면 로그인이 필요합니다. 로그인

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
CSS 8년 전 조회 1,858
CSS 8년 전 조회 2,583
CSS 8년 전 조회 2,037
HTML 8년 전 조회 2,478
HTML 8년 전 조회 2,918
HTML 8년 전 조회 3,274
HTML 8년 전 조회 3,756
HTML 8년 전 조회 2,210
HTML 8년 전 조회 2,426
HTML 8년 전 조회 2,368
HTML 8년 전 조회 1,987
HTML 8년 전 조회 2,267
기타 8년 전 조회 2,148
기타 8년 전 조회 2,390
기타 8년 전 조회 3,271
반응형 8년 전 조회 2,804
반응형 8년 전 조회 2,002
반응형 8년 전 조회 1,975
반응형 8년 전 조회 2,276
반응형 8년 전 조회 2,448
반응형 8년 전 조회 2,549
CSS 8년 전 조회 2,687
CSS 8년 전 조회 2,746
CSS 8년 전 조회 2,713
CSS 8년 전 조회 2,402
CSS 8년 전 조회 2,075
CSS 8년 전 조회 2,179
CSS 8년 전 조회 3,669
CSS 8년 전 조회 2,977
CSS 8년 전 조회 2,222
🐛 버그신고