[문의] 스크립트 질문좀 드리겠습니다 ㅠㅠ

html을 아주 간략하게 배우고 어떤 원리인지는 아주 얕은지식으로 알고 있습니다.

오늘 날잡고 인장 수정하다 급 질문이 생겼습니다.

 

 

글씨체 변경을 하고싶습니다.

 

미리보기를 하면 아래 메세지창은 글씨체는 적용이 됩니다.

 

아래의 스크립트 중 어느 부분을 수정해야 변경이 될까요?

 

 <center>
<style>
@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);
h2 {font-family: 'Nanum Pen Script';}
</style>

<h2>
<div style="display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 16px; margin-left: 6px; border-radius: 6px; border: 1px solid #ABF200; overflow: hidden; font-size: 11px; padding: 0;" data-inven-action="last-attack-1,last-attack-5,last-attack-10,last-attack-all" data-no-tooltip data-inven-result-detail data-inven-nick-default="본능적으로">
<span data-inven-attr-for="input" style="float: left; text-align : center; width: 130px; font-size: 11px; color: #FF0000; padding: 0 4px; height: 21px; line-height: 21px; border: 0;"></span>
<span data-inven-attr-for="button" style="float: left; margin: 0 0 0 1px; padding: 6px 4px 4px 4px; background-color: #ABF200; color: white; border: 0; font-size: 11px; line-height: 100%; height: auto;"></span>
<span data-inven-attr-for="action-result" data-position="out" style="background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 2px; margin-left: 6px; color: #FF0000; text-align : center; border-radius: 6px; border: 1px solid #ABF200; padding: 4px 6px; font-size: 17px; width: 300px;"></span>
</div>
</h2>
</center>