Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- regexp
- docker
- linux
- docker-compose
- kube
- ubuntu
- GORM
- npm
- ansible
- db
- GitHub
- k8s
- mariadb
- kubespray
- NGINX
- go
- golang
- nodemon
- Delete
- Container
- kubernetes
- html
- Git
- 쿠버네티스
- node
- bash
- time_zone
- kubernetes #container
- docker install
- vscoe
Archives
- Today
- Total
Deve.haeri
[CSS/기본] Icon 넣기 본문
Icon을 넣기 위해 fontawesome 사용한다.
1. 사용법
1) cdnjs.com 접속한다.
2) fontawesome 검색한다.
3) css(styling) 검색 하고 xxx.all.min.css의 link tag를 복사한다.
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA==" crossorigin="anonymous" />
<!-- <link> 태그를 추가하면 fontawesome.com 에서 아이콘 검색하고 사용할 수 있다. -->
</head>
<body>
<i class="fab fa-apple"></i><br/>
<i class="fab fa-apple fa-2x"></i><br/> <!--원래 크기의 2배-->
<i class="fab fa-apple fa-3x"></i><br/> <!--원래 크기의 3배-->
<i class="fab fa-apple fa-4x"></i><br/> <!--원래 크기의 4배-->
<i class="fab fa-apple fa-5x"></i><br/>
<i class="fab fa-apple fa-6x"></i><br/>
<i class="fab fa-apple fa-7x"></i><br/>
<i class="fab fa-apple fa-8x"></i><br/>
<i class="fab fa-apple fa-9x"></i><br/>
</body>
'HTML-CSS' 카테고리의 다른 글
| [html/css] height 100% 적용 안될 경우 (0) | 2021.07.07 |
|---|---|
| [CSS/기본] 선택자 (0) | 2020.11.08 |
| [CSS/기본] Webfont (0) | 2020.11.08 |
| [CSS/기본] Font (0) | 2020.11.08 |
| [CSS/기본] Text (0) | 2020.11.08 |
Comments