Using Web Fonts to SBM

웹폰트를 이용하는 방법은 간단히 두가지가 있습니다.
아래와 같은 사이트에서 웹폰트를 링크해서 쓰는 방법과 웹폰트를 SBM서버에 직접 올려서 이용하는 방법.

http://mobilis.co.kr/webfonts/
http://fontface.kr/

그럼... 나눔고딕웹폰트를 URL로 가져다가 SBM의 글꼴을 한번 바꿔 볼까요?

1. SBM이 설치된 디렉토리에 들어가 아래의 파일을 찾습니다. 그리고 아래와 같이 head 태그 사이에 웹폰트 API를 호출하는 코드를 넣습니다.

[SBM Installation Directory]\Application Engine\template\wrapper.htm

...

...

2. SBM의 메인 CSS파일을 수정합니다. 아래와 같이 바꾸고 싶은 class의 font-family 부분을 수정하면 됩니다.
저 같은 경우는 main.css에 적용된 모든 font-family를 바꿔서 진행했습니다.

[SBM Installation Directory]\Application Engine\template\main.css

3. SBM System Administrator에서 메뉴를 이용하여 DB에 업로드합니다.


4. 마지막으로!! IIS를 재시작합니다.

SBM에 로그인을 하면 아래와 같이 전체 폰트가 바뀐 것을 확인할 수 있지요.
단!!! Internet Explorer에서만 제대로 동작하고, Firefox나 Chrome에서는 제대로 안먹힌다는 사실...
왜 그럴까요? ㅠ.ㅠ




이는 SBM UI의 전체를 한꺼번에 적용하는 방법입니다.
특정 영역이나, 애플리케이션의 특정 화면에 적용하고 싶으면 그 부분만 따로 적용하시면 됩니다.