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