[기타] '쿠헤헬'님이 문의하신 소스 입니다.

인벤 스크립트에 관심을 가져주셔서 감사합니다.

글자의 크기와 색을 편집하는 방법에 대해서 설명해 드립니다.

<font></font> 태그를 사용해서 변경해 주실 수도 있습니다만, 설명 및 적용의 편의를 위해 <span></span>으로 설명해 드리도록 하겠습니다.


1. 스타일을 넣는 방법
변경을 원하는 영역을 <span>과 </span>으로 감싸 주시기만 하면 끝입니다. 그리고 앞의 <span> 속에 style="다양한 css"를 입력해 주시는 것으로 원하시던 글자크기, 색상, 배경 등을 한 번에 조절하실 수 있습니다.


2. 글자 크기
<span style="font-size:20px;">글자의 크기가 20px이 됩니다.</span>
font-size 뒤에 붙는 숫자를 변경하여 원하는 크기로 조절하실 수 있습니다.

예시 : 글자의 크기가 20px이 됩니다.


3. 글자 색상
<span style="color:blue;"> 글자의 색상이 blue가 됩니다.</span>
색상에는 16진수 색상 코드(#FF2011), RGB(255,255,0), RGBA(255,123,0,1) 모두 사용하실 수 있습니다.

예시 : 글자의 색상이 blue가 됩니다.


4. 배경 색상
<span style="background-color:yellow;">글자의 배경에 노란색이 칠해집니다.</span>
글자색과 마찬가지로 색상 코드, RGB 모두 이용하실 수 있습니다.

예시 : 글자의 배경에 노란색이 칠해집니다.


5. 밑줄 추가
<span style="text-decoration:underline;">글자에 밑줄이 추가됩니다.</span>
이미 밑줄이 그어져 있는 경우는 text-decoration:none; 을 입력하셔서 밑줄을 지우실 수도 있습니다.

예시 : 글자에 밑줄이 추가됩니다.


6. 자간 조절
<span style="letter-spacing:-1px">자간을 조절할 수 있습니다.</span>
-1과 같은 음수뿐만 아니라, 양수를 입력해서 자간을 넓힐 수도 있습니다.

예시 : 자간을 조절할 수 있습니다.


7. 동시 사용
<span>을 사용하였을 때, 편한 점은 위에서 본 스타일을 그대로 연결해서 입력해 주시면 동시에 적용할 수 있다는 것입니다.
<span style="font-size:20px;color:blue;background-color:yellow;">20px, 파란 글씨, 노란 배경을 동시에 적용합니다.</span>

예시 : 20px, 파란 글씨, 노란 배경을 동시에 적용합니다.


이외에도 font-family를 이용하면 서체를 바꿀 수도 있지만, 지원하는 서체가 얼마 없어서 생략하겠습니다. 이 부분에 관심 있으신 경우는 font css로 검색하시면 더욱 다양한 스타일과 자세한 내용을 확인하실 수 있습니다.


이외에도 궁금하신 내용은 언제든지 글 남겨주세요.
감사합니다.