블로그의 첫페이지의 대표 아이콘들은 현재 GIF 로 만들어져 있다.
요즘 아이콘 폰트를 관심있게 보다 보니 지금 사용중인 GIF 아이콘들도 아이콘 폰트로 변경할까 고민중이다.
GIF 같은 동적인 움직임은 불가능하지만 회전이나 깜빡임 정도는 아이콘 폰트도 가능하니.. 일단 아이콘 폰트로 배치해 보았다.
폰트 크기는 128px 로 테이블 형태의 박스에 아이콘 폰트를 각각 삽입하였다.
매번 테이블 배치하는게 영 쉽지가 않다. 다른것도 다 어렵지만 ... 특히 테이블은 너무 어려워;;;
 |
 |
 |
 |
기존 GIF 파일 형식의 아이콘 테이블
아이콘 폰트를 이용한 테이블
GIF 이미지로 했을때보다 아이콘 폰트를 사용하니 HTML 소스가 훨씬 단순해졌다. 삽으로 땅을 파던걸 포크레인으로 대체한거 같이 간단하게 해결 된다. 게다가 이미지에 비해 선명하기까지 하다.
서로 장단점이 있어서 지금 당장은 마음을 정하지 못하고 있다. -.-; 일단 좀 두고 보면서 고민을 해봐야겠다.
반응형 테이블에 아이콘을 맞추는게 어렵긴 하지만 결국에는 아이콘 폰트를 사용하는 쪽으로 옮겨갈거 같다.
