[SH FILM/CSS] 글자 자간, 어간

흠

 

인스타 감성처럼 로고 밑 글자의 간격을 좀 떨어뜨려 놓고 싶다.

 

사실 저 Shine photo film은

내 이름 이니셜인 SH에 어거지로 끼워 맞추기 위해 지은거임

 

저거 외 아무것도 생각 안나서

좀 구리지만 반강제적으로 쓰게 됨

 

shine photo film

이렇게 붙어 있는 글자들의 사이를 떨어뜨리고 싶음

 

s h i n e   p h o t o   f i l m

이렇게

---

1. 자간 (글자 간격) : letter-spacing

.intro_sub_txt{
    margin-top: -8px;
    text-align: center;
    font-style: italic;
    letter-spacing: 10px;
    /*word-spacing: 7px;*/
    background-color: yellow;
}

그래, 이런 느낌을 원했어

근데 단어마다 간격이 미세하게 조금만 더 벌어졌으면 좋겠다

 

2. 어간 (단어 간격) : word-spacing

.intro_sub_txt{
    margin-top: -8px;
    text-align: center;
    font-style: italic;
    letter-spacing: 10px;
    word-spacing: 7px;
    background-color: yellow;
}

위와 비교해보면 조금 더 단어 사이의 간격이 벌어진 것을 알 수 있다.