자신의 phpbb3 홈피에 웹폰트(맑은 고딕.eot) 적용하기

새로운 소식 또는 자신만이 알고 있는 유용한 팁을 공유하는 곳입니다.

자신의 phpbb3 홈피에 웹폰트(맑은 고딕.eot) 적용하기

글올린이: michael » 2009-04-21 화 7:51 pm

현재 제가 알아 낸 결론은 힘들다는 겁니다. (phpbb3 에선 .eot 글꼴이 안됨)
왜냐하면 phpbb3은 번역 된 다중 언어체제를 사용하기 때문입니다.
쉽게 말해서, 처음에 phpbb3을 설치할때 사용되는 언어팩을 읽어 들일때에
자신의 컴퓨터 운영체제에 설정된 기본형 글꼴로
phpbb3으로 만들어진 홈페이지 형태가
모니터 화면에 보여지게 되며,
나머지 화면은 웹브라우저에서 설정된 글꼴의 영향을 받는다는 겁니다.

예를들어, 자신의 컴퓨터 운영체제가 Vista 인 경우.
기본으로 설정된 글꼴인 "맑은 고딕체" 가 모니터 화면에 대부분을 차지하고,
나머지 부분을 웹브라우저(Internet Explorer7)에 설정되어 있는 글꼴로 보이지게 된다는거죠.

운영체제가 XP 인 경우엔,
기본으로 설정된 "굴림체" 에 영향을 받아서 모니터 화면의 대부분을 굴림체 글꼴로 보이지게 되고
나머지 인터넷 화면의 부분에선, 웹브라우저의 글꼴 설정에서 지정된 폰트가 담당하게 되는 겁니다.


그럼,
자신의 phpbb3으로 만든 홈피가 "맑은 고딕" 체로 모든 다른 사람들에게 보여지게 하는 방법은
현재 제가 알아낸 결론은 편법밖에는 없네요.

회원들 또는 자신의 컴 운영체제가 Vista 인 경우엔,
이미 "맑은 고딕" 체가 기본형 글꼴이므로 대부분의 phpbb3 홈피 글자 모습이 맑은 고딕체로 보여지며,
인터넷 브라우저에서 도구 -> 인터넷 옵션 -> 일반 탭(글꼴) -> 왼쪽 화면 창에서 "맑은 고딕" 선택 -> 확인을 클릭
하면,
phpbb3으로 만든 홈페이지의 나머지 모든 부분들이 "맑은 고딕" 체로 보여지게 됩니다.


문제는 운영체제가 XP 인 경우인데,
자신의 회원들이나 본인의 컴퓨터 운영체제가 XP인 경우엔 아래와 같은 방법을 사용해 보세요.

Windows XP 에는 "맑은 고딕" 체가 기본으로 깔려 있지 않아서,
이 글꼴을 회원들의 컴퓨터에 강제로 설치하고, 브라우저의 글꼴 설정도 바꿔 달라고 홍보(!)하는 길밖에는 없습니다.
관리자님 자신도 이 글꼴을 설치하고, IE6 설정을 바꿔야만 자신이 만든 phpbb3 의 홈페이지가 "맑은 고딕" 체로 보입니다.

아래 글꼴을 내려 받아서 WINDOWS 아래에 Fonts 폴더 안에다가 복사해 주시면 됩니다.

Image <- malgun_gothic.ttf

그리고, 인터넷 브라우저(IE6)에서 도구 -> 인터넷 옵션 -> 일반 탭(글꼴) -> 왼쪽 화면 창에서 "맑은 고딕" 선택 -> 확인을 클릭
하면,
phpbb3으로 만든 홈페이지의 모든 부분들이 "맑은 고딕" 체로 보여지게 됩니다.
아래 화면이 글꼴을 바꾸기 전 과 후의 모습입니다.

Image
----------------------------------------------------------------------------------------------------------------------------------------



이왕내친김에 자신의 운영체제인 XP에 기본으로 설정된 굴림체를 "맑은 고딕" 체로 바꾸어,
자신의 모니터에 보이는 모든 화면들을 지긋지긋한 굴림체 형태인 글꼴에서 맑은 고딕체로 전환하여 봅시다요. ^^

바탕화면에서 마우스 오른쪽을 클릭하여 속성 -> 화면배색 (탭) 아래에 "고급" 을 클릭 ->
항목들이 여러 개 쭈욱 보일겁니다. 일일히 위에서부터 하나씩 선택하여 "맑은 고딕" 으로 바꿔 줍니다.
글꼴을 바꿀 수 있는 모든 항목들을 다 설정해 준 다음 -> 확인을 클릭한 후 -> 적용을 누르면,
잠시 기다려 달라는 화면과 함께 모든 글자들의 형태가 바뀌어져 있을 겁니다.
(응용 프로그램들은 그 자신안의 설정부분에서 다시 조정해 주어야 함)


헌데, "맑은 고딕" 체가 흐리거나 약간 뿌엿게 보인다구요?
그 이유는 자신의 모니터 해상도와 설정한 글꼴이 서로 미세하게 맞지않아서 생긴 문제입니다.
아래 프로그램을 내려 받아서 설치해 보세요.

Image

Clear Type Tuner 폴더안에 setup 을 더블클릭하여 설치를 해 줍니다.
아래 화면에서 Finish 를 눌러 줍니다. (캡쳐는 오픈캡쳐 v1.3.7 b1 프로그램을 사용하였음)

Image
------------------------------------------------------------------------------------------------------


다음 화면에서 "Turn On ClearType" 부분을 체크한 후, 아래에 Start Wizard 버튼을 눌러 줍니다.

Image
--------------------------------------------------------------------------------------------------------------------


첫번째로 화면을 조정하는 이미지가 나왔습니다. 두 개의 화면 중에서 가독성이 괜찮은 것을 하나 골라 줍니다.
보통 왼쪽 것을 골라 주면 됩니다. 선택한 후 다음을 클릭.

Image
---------------------------------------------------------------------------------------------------


두번째 것은 6개의 이미지가 나왔군요. 6개 중에서 가독성이 높은 것으로 하나 선택해 줍니다.
보통은 위에서 왼쪽 1번의 것을 선택하면 됩니다.
다 골랐다면 다음을 클릭.

Image
---------------------------------------------------------------------------------------------------


다 끝났다는 화면이 보이는군요. 마침을 눌러 주세요.

Image


그리고,
바탕화면에서 마우스 오른쪽을 클릭하여 속성 -> 화면배색 (탭) 에서 "효과" 을 클릭 ->
'화면 글꼴의 가장자리를 다듬는 방법' 항목을 체크한 후에 -> Clear Type 을 선택한 후 -> 확인을 클릭해 줍니다.

자신의 운영체제인 XP에서 이제는 "맑은 고딕" 이 어느 정도는 깨끗하게 보일겁니다.
잘 사용 하세요.

그리고, 다시 가독성을 재조정하고 싶다면 [제어판] -> [프로그램 추가/제거] -> Cleartype Tuning Control Panel Applet 를 클릭한 후,
"변경" 단추를 눌러서 다시 재설정(Repair 또는 Modify)을 하기 바랍니다.




p.s
저는 비록 능력이 부족하여 웹폰트(.eot)를 phpbb3에 적용하는데에, 실패했지만
누군가는 꼭 성공하여서 자랑스럽게 그 성공담을 적어서 반드시 게시판에 올려 주시면 감사하겠습니다.
Image
User avatar
michael
Supporter
Supporter
 
글: 118
가입일: 2008-05-23 금 8:37 pm
사는 곳: seoul

Re: 자신의 phpbb3 홈피에 웹폰트(맑은 고딕.eot) 적용하기

글올린이: ssadal » 2009-12-04 금 5:10 pm

eot 파일 phpbb3 에 적용 가능합니다.. 현재 적용해서 사용중이구요.
ssadal
Junior
Junior
 
글: 22
가입일: 2008-09-03 수 3:42 pm


돌아가기: News & Tips

접속중인 사람

이 포럼에 접속중인 사람: 가입한 회원 없음, 손님 1 명