highlightjs Code 영역 폰트 변경하기

Explain

• 앞선 포스팅에서 기본적인 highlightjs 셋팅법을 정리하였다.
• 이후, code 영역의 font에 d2coding 폰트를 적용하는방법 정리.

Create EOT

• d2coding 폰트의 경우 현재 공식적으로는 ttf만을 제공하므로 ttf파일을 eot로 변환하는 과정은 직접 진행해야한다. 이부분의 경우 해당 블로그에 아주 잘 설명되어 있으니 참고하자.
• 폰트 자체적으로 eot파일을 제공해주는경우 위과정은 생략 할 수 있고 또 link형태로도 폰트를 추가할수 있다.

Apply CSS

1. 관리->HTML/CSS편집->파일업로드 탭 선택 후 생성된 eot파일을 업로드한다.

2. CSS 상단에 code styling

3. CSS 하단에 font-famliy resource lookup 작성. 이후 code부분의 폰트가 변경되는것을 확인해 볼 수 있다.

Reference.

• TTF -> EOT 변환하기