웹 페이지에서 옛한글 문서를 보는 법(PC, 맥, 스마트폰)

By | 2010-12-14

오래 전에 쓴 글을 완전히 다시 썼으니, 여기를 클릭하여 수정한 글을 봐 주시기 바랍니다.

 
 
 
 
 
 
 
 

1. 윈도즈 PC의 웹에서 옛한글 문서를 보는 법:

[아래아 한글]에서 작성한 옛한글을, 웹 페이지와 전자책에서(PC와 맥, 스마트폰에서) 본문 그대로 사용할 수 있다는 뜻!

  1. 아래아 한글 2010 이후에 나온 제품이나 한컴 홈페이지의 자료실에 들어가서 “함초롬”을 검색하여 “함초롬 글꼴”을 다운로드 받아서 설치한다.
  2. 웹 문서인 HTML 파일을 열어서 글꼴을 “함초롬바탕” 글꼴이나 “함초롬돋움” 글꼴로 지정한다.
    예를 들면, <body>라고 되어 있는 부분을 <body style=”font-family: HCRBatang,serif;”>로 수정하면, 아래 글상자 내용처럼, 옛한글이 그림이 아니라 텍스트로 나타난다:

    용비어천가(龍飛御天歌)

    [제1장]

    海東(해동) 六龍(육룡)이 샤 일마다 天福(천복)이시니
    古聖(고성)이 同符(동부)시니
    해동(우리나라)의 여섯 용이 날으시어서, 그 행동하신 일마다 모두 하늘이 내리신 복이시니,
    그러므로 옛날의 성인의 하신 일들과 부절을 합친 것처럼 꼭 맞으시니.

    [제2장]

    불휘 기픈 남 매 아니 뮐 곶 됴코 여름 하니
    미 기픈 므른 래 아니 그츨 내히 이러 바래 가니
    뿌리가 깊은 나무는 아무리 센 바람에도 움직이지 아니하므로, 꽃이 좋고 열매도 많으니.
    샘이 깊은 물은 가물음에도 끊이지 않고 솟아나므로, 내가 되어서 바다에 이르니.

    [제3장]

    周國(주국) 大王(대왕)이 豳谷(빈곡)애 사샤 帝業(제업)을 여르시니
    우리 始祖(시조)ㅣ 慶興(경흥)에 사샤 王業(왕업)을 여르시니
    옛날 주나라 대왕이 빈곡에 사시어서 제업을 여시니.
    우리 시조가 경흥에 사시어서 왕업을 여시니.
  3. 위의 글상자 내용이 아래 스크린샷처럼 표시되면 제대로 옛한글이 표시되는 것이다:
    125

옛한글이 포함된 용비어천가 125장 전문 보기

2. 맥에서 옛한글을 표시하는 법

  1. 윈도즈용 아래아 한글 2010을 PC에 설치한 다음, [제어판 – 글꼴]을 선택하여 함초롬돋움~ 총 3개 글꼴 파일과 함초롬바탕~ 총 3개 글꼴을 복사한다.
  2. 복사한 파일을 맥 오에스 텐에 복사한 다음, [응용프로그램 – 서체관리자]를 실행한 후 [파일 – 서체추가]를 선택한 다음, 방금 복사해 둔 폴더(함초롬~ 글꼴 파일 6개를 선택해 준다)

  3. 한컴의 아래아 한글 2010에 있는 함초롬 글꼴은 유니코드 글꼴이므로 맥 오에스 텐에서 사용할 수 있다. 즉 서체 추가만 하고 나면 이후부터는 윈도즈에서와 똑같이 하면 된다.

_

3. 옛한글을 html 문서 안에서 사용하는 방법

  1. 위와 같이 하여 한컴의 “함초롬바탕” 또는 “함초롬돋움” 글꼴(font)가 설치된 PC나 맥에서만 옛한글이 보인다는 점은 미리 알아두고,
  2. 아래아 한글 2010에서 “함초롬바탕”이나 “함초롬돋움” 글꼴을 선택하고 옛한글이나 16,000여 자의 확장 한자를 사용하여 문서 작성을 한 다음,
    다른 이름으로 저장하기 메뉴를 선택하여 “인터넷 문서” 즉 htm 또는 html 파일로 저장하면 된다.
  3. 더 간단한 원리만 말하면,
    이미 작성된 HTML 파일을 텍스트 편집기로 열어서 html 파일 앞부분에 있는 <head>
    … …
    </head>
    줄 사이에 아래와 같은 세 줄을 추가하고 저장하면 된다.

    만약 이미 <style>…</style> 태그가 있다면 그 사이에 body로 시작하는 한 줄만 추가하면 본문 전체가옛한글을 표시할 수 있는 함초롬바탕 글꼴로 표시된다.

<style>
body {font-family:”HCRBatang”, “함초롬바탕”;}
</style>

또는

<style>
body {font-family:”HCRDotum”, “함초롬돋움”;}
</style>

5 thoughts on “웹 페이지에서 옛한글 문서를 보는 법(PC, 맥, 스마트폰)

  1. 호박 Post author

    옛한글 내용이 제대로 표시되도록 모든 내용을 수정하고 확인했습니다.

    Reply
  2. 박병선

    위에 연결 걸린 용비어천가를 보면 26장에서 첫 줄 후 뒤에 네모로 되어 있습니다. 한/글에 복사해서 붙여보면 반치음인 것 같은데 그런 처리가 안되는것으로 보입니다.(한/글에서 보이는걸 보면 글꼴은 아닌 다른 문제 같은데요)

    Reply
    1. 호박

      그 열정이 감탄스럽습니다.

      16장과 26장에 반치음이 다 제대로 안 나오고 네모로 나오네요.
      원문에서 입력할 때 반치음을 입력하지 않고 기호를 골랐는지는 모르겠는데, 아래아 한글에 들어가면 제대로 나오는 글자가 텍스트와 HTML에서는 함초롬 글꼴을 사용해도 맥에서나 윈도즈에서 다 네모로만 나오네요.

      Reply
    1. 호박

      좋은 정보, 고맙습니다.
      이제 ibooks 앱에서도 .epub 만들 때 글꼴을 포함시킬 수 있게 되었기 때문에, 함초롬 글꼴을 포함시키면 .epub 전자책에서도 옛한글을 사용할 수 있겠네요.^^

      Reply

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다