CSS Fontello

1.what is fontello

fontello는 icon fonts generator 입니다.
쉽게 말해 여러 아이콘을 폰트로 제공하는 서비스입니다.
장점은 벡터형태의 이미지이기 때문에 확대를 많이 해도 이미지가 깨지지 않습니다.
font 명령어를 쓸 수 있습니다.
ex)size, align, color다 가능합니다.

Note: 참고: fontello 사이트 http://fontello.com/

2. How to use fontello

  1. First Method fontello.com에서 원하는 이미지를 선택 후 다운받는다.
    압축을 풀고 link로 css폴더의 fontello.css을 해준다.
    demo에서 show codes를 하고 맨 앞의 0대신 &#을 입력한다.

font-family:fontello를 style에 써준다.

  • 위의 방법보다 방법 2를 많이 사용한다.
  1. Second Method
    fontello.com에서 원하는 이미지를 선택 후 다운받는다.
    압축을 풀고 link로 css폴더의 fontello.css을 해준다.
    demo.html에서 이름을 복사해서 원하는 body에 을 해준다.

태그: ,

카테고리:

업데이트:

댓글남기기