"자간"의 두 판 사이의 차이

(새 문서: ==개요== ;letter-spacing, tracking ;자간 <div style="border: solid 1px #ccc; margin: 0.5em 0 1.3em 1.4em; padding: 3px;"> {| style="background-color: #e9e5cd; width: 100%; border...)
 
잔글 (봇: 자동으로 텍스트 교체 (-==참고 자료== +==참고==))
 
(다른 사용자 한 명의 중간 판 4개는 보이지 않습니다)
1번째 줄: 1번째 줄:
==개요==
==개요==
;letter-spacing, tracking
;letter-spacing, tracking
;자간
;자간, 글자 사이
*글자와 글자 사이의 간격


<div style="border: solid 1px #ccc; margin: 0.5em 0 1.3em 1.4em; padding: 3px;">
<div style="border: solid 1px #ccc; margin: 0.5em 0 1.3em 1.4em; padding: 3px;">
{| style="background-color: #e9e5cd; width: 100%; border: solid 1px #ccc; border-collapse: collapse; line-height: 0.7em;"
{| style="background-color: #e9e5cd; width: 100%; border: solid 1px #ccc; border-collapse: collapse; line-height: 0.7em;"
|-
|-
| style="padding: 0.5em 0.9em; border: solid 0.1em #d4d2e6;" | <span style="letter-spacing: -0.07ex;">Docent sights juggernaut</span><br><span style="font-size: 0.5em;">Headline set tight with minus letter-spacing</span>
| style="padding: 0.5em 0.9em; border: solid 0.1em #d4d2e6;" | <span style="letter-spacing: -0.07ex;">무궁화 꽃이 피었습니다.</span><br><span style="font-size: 0.5em;">Headline set tight with minus letter-spacing</span>
|-
|-
| style="padding: 0.5em 0.9em; border: solid 0.1em #d4d2e6;" | <span style="letter-spacing: 0ex;">Docent sights juggernaut</span><br><span style="font-size: 0.5em;">Headline set with no additional letter-spacing</span>
| style="padding: 0.5em 0.9em; border: solid 0.1em #d4d2e6;" | <span style="letter-spacing: 0ex;">무궁화 꽃이 피었습니다.</span><br><span style="font-size: 0.5em;">Headline set with no additional letter-spacing</span>
|-
|-
| style="padding: 0.5em 0.9em; border: solid 0.1em #d4d2e6;" | <span style="letter-spacing: 0.07ex;">Docent sights juggernaut</span><br><span style="font-size: 0.5em;">Headline with more open letter-spacing</span>
| style="padding: 0.5em 0.9em; border: solid 0.1em #d4d2e6;" | <span style="letter-spacing: 0.07ex;">무궁화 꽃이 피었습니다.</span><br><span style="font-size: 0.5em;">Headline with more open letter-spacing</span>
|-
|-
| style="padding: 0.5em 0.9em; border: solid 0.1em #d4d2e6;" | <span style="letter-spacing: 0.14ex;">Docent sights juggernaut</span><br><span style="font-size: 0.5em;">Headline with open letter-spacing similar to metal type</span>
| style="padding: 0.5em 0.9em; border: solid 0.1em #d4d2e6;" | <span style="letter-spacing: 0.14ex;">무궁화 꽃이 피었습니다.</span><br><span style="font-size: 0.5em;">Headline with open letter-spacing similar to metal type</span>
|-
|-
| style="padding: 0.5em 0.9em; border: solid 0.1em #d4d2e6;" | <span style="letter-spacing: 0.21ex;">Docent sights juggernaut</span><br><span style="font-size: 0.5em;">Headline with still more letter-spacing</span>
| style="padding: 0.5em 0.9em; border: solid 0.1em #d4d2e6;" | <span style="letter-spacing: 0.21ex;">무궁화 꽃이 피었습니다.</span><br><span style="font-size: 0.5em;">Headline with still more letter-spacing</span>
|-
|-
| style="padding: 0.5em 0.9em; border: solid 0.1em #d4d2e6;" | <span style="letter-spacing: 0.28ex;">Docent sights juggernaut</span><br><span style="font-size: 0.5em;">Headline with wide letter-spacing</span>
| style="padding: 0.5em 0.9em; border: solid 0.1em #d4d2e6;" | <span style="letter-spacing: 0.28ex;">무궁화 꽃이 피었습니다.</span><br><span style="font-size: 0.5em;">Headline with wide letter-spacing</span>
|-
|-
| style="padding: 0.5em 0.9em; border: solid 0.1em #d4d2e6;" | <span style="letter-spacing: 0.35ex;">Docent sights juggernaut</span><br><span style="font-size: 0.5em;">Headline with wider letter-spacing, sometimes used for broadcast</span>
| style="padding: 0.5em 0.9em; border: solid 0.1em #d4d2e6;" | <span style="letter-spacing: 0.35ex;">무궁화 꽃이 피었습니다.</span><br><span style="font-size: 0.5em;">Headline with wider letter-spacing, sometimes used for broadcast</span>
|}<!--
|}<!--
--><div style="padding: 3px; font-size: 0.9em; line-height: 1.4em;">Examples of headline letter-spacing</div>
--><div style="padding: 3px; font-size: 0.9em; line-height: 1.4em;">Examples of headline letter-spacing</div>
</div>
</div>
==같이 보기==
*[[커닝]]
*[[장평]]
*[[타이포그래피]]
==참고==
*https://en.wikipedia.org/wiki/Letter-spacing
*http://terms.naver.com/entry.nhn?docId=783958&cid=41828&categoryId=41828


[[분류: 타이포그래피]]
[[분류: 타이포그래피]]

2017년 7월 20일 (목) 03:30 기준 최신판

1 개요[ | ]

letter-spacing, tracking
자간, 글자 사이
  • 글자와 글자 사이의 간격
무궁화 꽃이 피었습니다.
Headline set tight with minus letter-spacing
무궁화 꽃이 피었습니다.
Headline set with no additional letter-spacing
무궁화 꽃이 피었습니다.
Headline with more open letter-spacing
무궁화 꽃이 피었습니다.
Headline with open letter-spacing similar to metal type
무궁화 꽃이 피었습니다.
Headline with still more letter-spacing
무궁화 꽃이 피었습니다.
Headline with wide letter-spacing
무궁화 꽃이 피었습니다.
Headline with wider letter-spacing, sometimes used for broadcast
Examples of headline letter-spacing

2 같이 보기[ | ]

3 참고[ | ]