본문 바로가기
생각과 행동

프레지 추가 한글 삽입 코드 대공개!! (나눔펜, 서울한강, 서울남산 등)

by Doer Ahn 2012. 10. 9.

오늘은 신나고 의미있는 한글날!!

프레지의 새로운 한글 폰트를 공개합니다! :-) 
새로운 한글 폰트는 크게 서울남산, 서울한강, 나눔펜 등 다수의 서체입니다. 


비록 아직까지는 한글 폰트가 무거워서 로딩 속도가 느립니다만,,,

코드 입력 후 기다리시면 꼭 등장합니다!! ^^


속도 문제는 꼭 개선할게요.

사용하시는 방법은 아래와 같습니다.


1. 프레지 캔버스를 엽니다!

*아래는 제가 검은색으로 테마 바탕을 변환한 것입니다.



2. Theme(테마) 버블을 클릭합니다.
그리고 Theme Wizard(테마 위자드)라는 오른쪽 위의 작고 귀여운 버블을 클릭해주세요!




3. Theme Wizrd(테마 위자드) 창이 짜잔~ 등장합니다.



4. 왼쪽 아래의 Advanced(고급) 버튼을 클릭합니다!



5. 그러면 아래와 같은 창이 등장하는데요!



6. 여기서 Use the Prezi CSS Editor(프레지 CSS 편집기 사용하기) 링크를 클릭합니다.




7. 이후 아래와 같은 창이 등장합니다.




여기서 중요한 건

@font-face{

                         ~ 

                         

에 해당하는 부분입니다!

 
이 부분에서 제가 적어놓은 SeoulHangangB.swf, SeoulNamsanB.swf, NanumPen.swf가 보이시죠? 

이는 서울한강체, 서울나눔체, 나눔펜체를 사용할 수 있는 문구들입니다. 


대소문자를 구분하니, 반드시 제가 타이핑한 것과 같은 형식으로 띄우신 창의 텍스트를 수정해주세요!


이후 아래 Apply(적용하기) 버튼을 누르고 오른쪽 위의 'X'를 클릭합니다.



8. 이후 캔버스에 서체를 입력하면 아래와 같이 새로운 한글 서체가 등장합니다!!

단, 초반에 말씀드린 것처럼 아직은 서체의 용량 문제로 로딩에 상당히 시간이 많이 걸립니다.




이런 방식으로 저희가 새로이 사용할 수 있는 한글 서체들은 아래와 같습니다.


- NanumPen.swf

- NanumBrush.swf

- SeoulNamsanB.swf

- SeoulNamsanEB.swf

- SeoulNamsanL.swf

- SeoulNamsanM.swf

- SeoulNamsanvert.swf

- SeoulHangangB.swf

- SeoulHangangEB.swf

- SeoulHangangL.swf

- SeoulHangangM.swf

- NanumGothicBold.swf

- NanmumMyeongjoOTFExtraBold.swf

- AritaB.swf

- SangSangTitleOTFM.swf


그럼, 모두 신나게 새로운 한글 서체들 체험해보시기 바래요!!


이 게시물의 내용을 사용하시거나, 재배포하실 때는 반드시 출처를 밝혀주세요 :-)


깊이있게 놀자.

대담하게 하자. 

자기답게 살자.

 우리는 보다 자연스럽고 인간적인 세상을 디자인합니다.




댓글6

  • ssen 2012.10.10 12:56

    큰 일 하느라 수고 많으셨습니다.^^ 좋은 정보 감사하구요 저희 카페/블로그로 코드만 모셔가겠습니다 감사합니다~
    답글

  • 김정우 2012.10.11 14:04

    안영일 선생님
    급한 프레지 작업을 의뢰드릴려고 합니다
    오늘 중으로 꼭 연락드려요

    김정우 010 7939 2090
    답글

  • 천재태지서주영 2012.10.11 23:09

    멋진 작업 감사합니다 ^^
    그런데 한글 폰트의 경우 줄간격이 너무 좁은 것 같은데요, 줄간격을 조절할 수 있는 기능(css 설정 혹은 프레지 메뉴)이 있으면 좋겠습니다 ^^
    앞으로도 잘 부탁드립니다~
    답글

    • BlogIcon Doer Ahn 2012.10.11 23:12 신고

      네, 저도 그 기능을 간절히 바라고 있습니다. 지금까지는 수동으로 한줄 한줄 따로 입력하거나 떼어내야만 했었죠. 흙.