<p>한 줄 요약 : 니 컴퓨터에도 있고 내 컴퓨터에도 있는 글씨로 글을 꾸며보자.</p> <p><br></p><span style="font-family:'문체부 훈민정음체';">한글 프로그램이 설치되어 있을 때 이 문장이 문체부 훈민정음체로 보이시나요?</span> <div><font face="양재백두체B">한글 프로그램이 설치되어 있을 때 이 문장이 양재백두체B로 보이시나요?</font></div> <div><br></div> <div><br></div> <div><br></div> <div><font face="나눔고딕,돋음"></font> <div> <div>에... 보인다 하는군요. 사실 한글프로그램 설치 여부는 이 글꼴들이 아무래도 한글프로그램을 깔면서 깔린 글꼴인 것 같아 물어본 것입니다.</div> <div>일단 글제목을 바꾸고 설명하겠습니다!</div> <div>별건 아니고요. 네이버 블로그에서 다양한 글씨체를 쓰는 방법을 알고싶어서  이런 저런 방법을 고민해보다 알게 된 방법입니다.</div> <div>이미 아셨다고요?</div> <div>그럼 왜 그 방법을 널리 알리지 않으셨어요. 8ㅅ8</div> <div>어쨌든.</div> <div><br></div></div> <div>크롬에서는 네이버 폰트샘에서 가져온 글꼴이 보이지 않습니다.</div> <div><br></div> <div>왜! 어째서!</div> <div><br></div> <div>그런데 기본글꼴은 크롬에서도 적용되어 보이더군요. 네이버 나눔글꼴시리즈도 설치하면 보이고요. 뭐가 문제인지 보일까 해서 HTML 소스를 확인해봤습니다. 쓱 흝어보니 큰 차이가 보이더군요.</div> <div><br></div> <div>기본글꼴과 나눔글꼴은</div> <div><SPAN style="FONT-FAMILY: 돋움체,dotumche,applegothic">돋움체 9pt</SPAN></div> <div><span style="font-size:9pt;line-height:1.5;"><SPAN style="FONT-FAMILY: 바탕,batang,applemyungjo">바탕 9pt</SPAN></span></div> <div><SPAN style="FONT-FAMILY: '나눔고딕',NanumGothic">나눔고딕 9pt</SPAN></div> <div><SPAN style="FONT-FAMILY: '나눔바른고딕',NanumBarunGothic,NanumBarunGothicOTF">나눔바른고딕 9pt</SPAN></div> <div><br></div> <div>이렇게 FONT-FAMILY: 가 폰트 이름으로 지정되어있는데, 폰트샘의 글꼴들은</div> <div><SPAN style="FONT-FAMILY: '7406_12'; FONT-SIZE: 12pt">산돌웹무소 12pt</SPAN></div> <div><SPAN style="FONT-FAMILY: '7475_12'; FONT-SIZE: 12pt">산돌웹피카소 12pt</SPAN></div> <div><br></div> <div>이렇게 숫자로 지정되어있더랍니다.</div> <div><br></div> <div>오... 뭔가 감이 잡힙니다.</div> <div><br></div> <div>그래서 실험을 해봤습니다. 컴퓨터에 설치된 적당한 폰트의 이름을 적어넣어보는거죠.</div> <div><span style="font-size:9pt;line-height:1.5;"><SPAN style="FONT-FAMILY: <font color="#ff0000">폰트이름</font>"><font color="#9bbb59">내용내용내용내용</font></SPAN></span></div> <div>네이버 블로그에서도, 오유에서도 잘 적용이되네요! 아이 신나.</div> <div><br></div> <div>친절한 오유 에디터가 소스를 적절하게 수정도 해주더군요,</div> <div><div><font face="<font color="#ff0000">폰트이름</font>"><font color="#9bbb59">내용내용내용내용</font></font></div></div> <div><br></div> <div>사실 그 때 그 때 필요한 소스만 물어물어 쓰는 실력인지라 span style은 왜 그렇게 되는지 알겠는데, font face는 왜 그렇게 되는지 모르겠어요. :9</div> <div><br></div> <div>상대방 컴퓨터에 내가 보여주고자 하는 글꼴이 없을 때 굴림체로 글씨가 써지는 대참사를 막기 위해서 콤마를 이용해 후보 글씨체들도 설정할 수 있습니다.</div> <div><SPAN style="FONT-FAMILY:<font color="#ff0000"> 돋움체,dotumche,applegothic</font>"><span style="color:#9bbb59;">내용내용내용내용</span></SPAN></div> <div><font face="<font color="#ff0000">나눔고딕, 돋음</font>"><span style="color:#9bbb59;">내용내용내용내용</span></font></div> <div></div></div>