html에서 날씨를 표시할 일이 생겨 찾아보던 중, 날씨 아이콘을 쉽고 간편하게 사용할 수 있는 프로젝트가 있어 짧게 작성한다.
Using weather-icons
weather-icons 공식 홈페이지에 들어가
Download Now로 아이콘 zip 파일을 다운받은 후 압축을 풀어준다.css 디렉토리 아래의
weather-icons.min.css을 프로젝트의 css 폴더에 추가해준다.font 디렉토리 아래의 3개의 폰트 파일(
.ttf, .woff, .woff2)을 프로젝트의 font 폴더에 추가해준다.<i class="wi wi-day-sunny"></i>와 같이 쉽게 사용 가능하다.
'frontend > html & css' 카테고리의 다른 글
| Saas 기초 사용법 (0) | 2018.01.27 |
|---|---|
| CSS 색상 단위 -Name, RGB, RGBA, HSL, HSLA (0) | 2018.01.21 |
| css, 자바스크립트 유용한 사이트 (0) | 2017.04.01 |
| 마크다운 언어 문법 (0) | 2017.01.11 |
| 수정된 css, js 파일이 적용이 안될 때 (2) | 2016.12.31 |