폰트 글자색 투명하게 만들기

예를들어, 

이러한류의 폰트가 있다고 가정할때, 

이미지로 처리하지 않고 폰트로 한다면 어떻게 할까?

이미지 출처 : 하코사(https://cafe.naver.com/hacosa)

 

백그라운드 이미지나 혹은 페인트 된 색이 있다고 가정할 경우, 그 위에 투명 폰트이미지를 사용하는 방식말고,

실제 폰트에 css를 주어 처리하는 방법이다. 

간단하다. 

마크업은 아래와 같이 하고, 뭐 .box div를 굳이 만들 필요는 없다.

그냥 <div class="bg">가나라다라ㅏ다마</div> 이렇게 해도 된다. 

이미지 출처 : 나

css는 아래와 같이 한다. 

이미지 출처 : 나

첨부된 aa.png는 요거다.

이미지 출처 : 나

자 결과는?

짜잔.