폰트어썸 > 웹이즈 베이직 게시판

어제밤에 마크다운 에디터를 나리야에 적용시키다 보니

여기도 폰트어썸이 들어가게 해 놨네요.. (프로알라 에디터에도..)

개발자에게 이슈는 날려 놨는데 답변이 없어서

새벽부터 일어나서  변환되게 만들어 봤습니다.

폰트어썸 5에서는 프리픽스가 fas, far, fal, fad, fab 등으로 바뀌네요. 프로버전은 돈도내야되고.

https://fontawesome.com/icons?d=gallery&m=free 

우선 fas버전만 적용해 보는 것으로..

:fa-camera::fa-arrow-alt-circle-left::fa-bath::fa-ban:

:fa-band-aid:

:fa-battery-quarter:

:fa-bed:

와 같이 타이핑하면

와 같이 나옵니다. 

하나만 있으면 편한데,  프리픽스 처리가 문제네요.

:fas/fa-camera: :fab/fa-apple-pay:

아예 아래와 같이 처리를 해야 될 것 같습니다. 프리픽스를 넣어서

:fas fa-camera: :fab fa-apple-pay:

# :fas fa-camera: 로 했을 경우

잘되네요 꾸미기까지 폰트어썸 4는 나리야를 보니 크기에 대한 옵션이 있는데 5에서는 SVG가 지원되서 

크기조절도 바로 되는 것 같습니다.

추가: https://fontawesome.com/how-to-use/on-the-web/styling/sizing-icons  를 보니 사이즈 옵션 fa-xs fa-2x등 옵션과 font-size로 크기 조절이 되네요 :fas fa-camera fa-xs: 식으로 해야 되나요...

참고:

1. 마크다운은 글자 꾸미기가 마우스사용을 최소화 하기 때문에 빠른 속도로 타이핑을 할 수 있다는 장점이 있습니다.

2. 폰트어썸 6가 나오고 있습니다.