컴

아이콘을 추가하는 방법

· 2017-07-26 (수) 17:45:23 · 3616

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>


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

퍼블리셔팁

1,282건

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

+
분류 제목 글쓴이 날짜 조회
CSS 17-08-07 조회 2,658
CSS 17-08-07 조회 2,602
CSS 17-08-06 조회 2,027
CSS 17-08-06 조회 1,902
CSS 17-08-06 조회 2,199
CSS 17-08-03 조회 2,224
CSS 17-08-03 조회 2,953
CSS 17-08-03 조회 2,414
HTML 17-08-02 조회 2,849
HTML 17-08-02 조회 3,285
HTML 17-08-02 조회 3,674
HTML 17-08-01 조회 4,089
HTML 17-08-01 조회 2,566
HTML 17-08-01 조회 2,745
HTML 17-07-28 조회 2,735
HTML 17-07-28 조회 2,320
HTML 17-07-28 조회 2,614
기타 17-07-26 조회 2,504
기타 17-07-26 조회 2,734
기타 17-07-26 조회 3,617
반응형 17-07-25 조회 3,143
반응형 17-07-25 조회 2,326
반응형 17-07-25 조회 2,290
반응형 17-07-24 조회 2,616
반응형 17-07-24 조회 2,769
반응형 17-07-24 조회 2,852
CSS 17-07-20 조회 2,990
CSS 17-07-20 조회 3,073
CSS 17-07-20 조회 3,028
CSS 17-07-18 조회 2,713