가화_ 0

안녕하세요. 귀욤뽀짝녹용겅듀님입니다.

어제 올린 글 마지막을 보시면 글자가 큰게 하나 있는데 누군가가 이거 글자 크기 변경을 어떻게 하냐고 묻더군요...

그거에 대한 설명을 위해 글을 쓰겠습니다.

이거는 편집창입니다 왼쪽부터 코드보기, 이모티콘, 굵게, 기울림꼴, 밑줄, 취소선, 색상 등등이 있습니다. 

그런데 여기에는 글자크기를 변경하는 버튼이 없습니다. 

이 중에서 글자 크기는 코드보기를 이용합니다.

그럼 이렇게 HTML 코드가 나옵니다. 

이제 이 코드에 글자크기를 변경시켜주는 소스를 추가합니다.

참고로 그 소스는 font-size:X (X에 크기가 들어갑니다.)입니다.

예를 들어봅시다.

예시1

[예시1]은 사이즈의 변경이 없는 상황입니다. 

이 태그를 보시면 [예시1] 이라는 글자를 감싸고 있는게 <p>태그입니다. 따라서 [예시1]이라는 글자는 이 <p>태그에 영향을 받습니다.

그리고 [예시1]의 모양(글씨크기나 색, 정렬여부)을 정하는 것이 <p>태그안에 있는 style입니다. 

현재는 text-align:center; 글자 정렬을 나타내는 것 하나뿐인데 여기에 font-size:X;를 추가하신다면 글자크기를 변경 할 수 있습니다.

예시2

예시2는 위에서 설명한 방법을 이용하여 글자 크기를 40픽셀을 준 것입니다.

요런식으로 잘 바꾸면 글자 크기를 마음대로 변경이 가능합니다. 

가화님 트게더 폰트가 작아서 가끔씩 잘 안보일 때가 있는데 이걸 사용하시면 될 것 같습니다.

이상입니다앗!