Web Fonts 애드온 1.0 - Xeicon, Font Awesome, Google Material Icons, NanumGothic

Google Material Icons 애드온을 만들고 나니 웹톤트 애드온들이 여러개 있더군요,

그래서 한개의 애드온안에 모두 담아 보았습니다. 

<block cond="$layout_info->copyright"><i class="material-icons md-12">copyright</i>{$layout_info->copyright} l </block><a cond="$layout_info->mail" href="mailto:{$layout_info->mail}" class="mail" title="{$layout_info->mail}" style="color:{$layout_info->bt_text_color}"><i class="fa fa-envelope"></i>Send E-mail l </a><a href="https://moonhouse.co.kr/" onclick="window.open(this.href);return false;" style="color:{$layout_info->bt_text_color}"><i class="xi-note xi-rotate-180"></i> Designed by MoonHouse.</a>

위의 소스에서 "1번이 Google Material Icons" "2번이 Font Awesome" "3번이 Xeicon" 입니다.

Google Material Icons 사용방법 https://moonhouse.co.kr/389110 을 예전에 설명을 했는데 

일일이 불편한 것 같아서 애드온으로 만들어 봤습니다.

 

Font Awesome 로드 애드온 https://www.xpressengine.com/22649096 과 같이 사용하시면 

프로그램 제작시 아이콘 걱정은 어느정도 해결이 될 것 같습니다.

 

https://moonhouse.co.kr/qa 게시판스킨에 두가지의 웹폰트 아이콘을 적절히 사용해 보았습니다.