테두리만 있는 글자 만들기

가끔씩 테두리만 있는 글씨를 표현할때가 있는데

그때는 css로

 

-webkit-text-stroke-width: 1px;

-webkit-text-stroke-color: #fff; 로 주고

 

color를 transparent로 투명하게 주면 된다.

속기법으로 -webkit-text-stroke: 1px #fff; 로도 줄 수 있다.

 

 

 

** 역시나 IE에서는 지원이 안되는것 같다.

참고 링크 : https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-stroke