테스트 사이트 - 개발 중인 베타 버전입니다

아이콘을 추가하는 방법

· 8년 전 · 3216

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>


댓글 작성

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

로그인하기

게시글 목록

번호 제목
3056
3055
3054
3051
3050
3049
3046
3045
3044
3043
3042
3041
3040
3039
3038
3034
3033
3032
3027
3026
3025
3024
3023
3022
3021
3020
3019
3018
3017
3016