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

2015년 8월 8일 (토) 08:29 판

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 참고 자료

https://en.wikipedia.org/wiki/Letter-spacing

@@ 2번째 줄: / 2번째 줄: @@
 ;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: 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>
+==같이 보기==
+*[[커닝]]
+*[[장평]]
+==참고 자료==
+*https://en.wikipedia.org/wiki/Letter-spacing
 [[분류: 타이포그래피]]