폰트(Font)에 대해서 총정리
1. 글꼴(폰트)설정 : font-family:글꼴명
2. 글꼴 크기 : font-size:숫자
3. 글꼴 색 : color:색명
4. 글꼴 진하게 : font-weight:bold
5. 글꼴 배경색 : background-color:색명
6. 글꼴에 밑줄 : text-decoration:underline
7. 글자의 자간간격 : letter-spacing:3pt
예제.
<font style="font-weight:bold;text-decoration:underline">테스트</font>
글자 크기.글꼴 줄간격 바꾸기
<style type="text/css">
<!--
body, table, tr, td, select,input,div,form,textarea {font-family:돋움, verdana; font-size:9pt; line-height:150%}
-->
</style>
돋움 - 글꼴
9 - 글자 크기
150% - 줄간격
- 이탤릭체,글자진하게,타자체 -
- 소스 -
<i>이탤릭</i>
<b>진하게</b>
<tt>타자체</tt>
- 옆으로 쓰러진 글씨 -
- 소스 -
<font face="@궁서">쓰고 싶은 말</font>
- 글자 세로로 나타나게 하기 -
<div style="writing-mode:tb-rl;height:150pt;">쓰고 싶은말</div>
1. 글꼴(폰트)설정 : font-family:글꼴명
2. 글꼴 크기 : font-size:숫자
3. 글꼴 색 : color:색명
4. 글꼴 진하게 : font-weight:bold
5. 글꼴 배경색 : background-color:색명
6. 글꼴에 밑줄 : text-decoration:underline
7. 글자의 자간간격 : letter-spacing:3pt
예제.
<font style="font-weight:bold;text-decoration:underline">테스트</font>
글자 크기.글꼴 줄간격 바꾸기
<style type="text/css">
<!--
body, table, tr, td, select,input,div,form,textarea {font-family:돋움, verdana; font-size:9pt; line-height:150%}
-->
</style>
돋움 - 글꼴
9 - 글자 크기
150% - 줄간격
- 이탤릭체,글자진하게,타자체 -
- 소스 -
<i>이탤릭</i>
<b>진하게</b>
<tt>타자체</tt>
- 옆으로 쓰러진 글씨 -
- 소스 -
<font face="@궁서">쓰고 싶은 말</font>
- 글자 세로로 나타나게 하기 -
<div style="writing-mode:tb-rl;height:150pt;">쓰고 싶은말</div>
반응형
'인터넷정보' 카테고리의 다른 글
체크 박스와 라디오 버튼 무지 크게 만들기...-_- (0) | 2007.10.17 |
---|---|
embed 필터 태그를 이용해서... (0) | 2007.10.17 |
embed 필터 태그를 이용해서... (0) | 2007.10.17 |
이쁜 테이블 태그 (0) | 2007.10.17 |
이쁜 테이블 태그 (0) | 2007.10.17 |
텍스트 글자스타일 정리 (0) | 2007.10.17 |
메타태그, 페이지가 스르륵~ 바뀝니다. (0) | 2007.10.17 |
메타태그, 페이지가 스르륵~ 바뀝니다. (0) | 2007.10.17 |
텍스트 정렬 팁 - 양끝 맞춤 (0) | 2007.10.17 |
텍스트 정렬 팁 - 양끝 맞춤 (0) | 2007.10.17 |