Browsed by
[Tag:] 웹폰트

[CSS] 웹폰트 적용하는 방법2

[CSS] 웹폰트 적용하는 방법2

블로그 포스팅 하던 초기 “[CSS] 웹폰트 적용하는 방법” 이라는 글을 쓴 적이 있습니다. 당시 웹폰트 적용에 관해 문의하시던 분들이 많아 한 때는 답변 드리느라 바빴던 적도 있었습니다. 당시 추천해드렸던 방법은 브라우저 별로 지원하는 폰트만을 서버에서 다운 받게 끔하는 방법이었습니다. 2013년 7월 글이었는데 벌써 5년이 되어가네요. 시간이 흐르면서 웹폰트에도 많은 발전이 있었습니다. 당시 한글 웹폰트의 큰 용량과 그에 따른 웹사이트 로딩 속도 저하 이슈에도 감수하면서 써왔습니다. “웹폰트 적용하면 원래 좀 느려” 거의 당연 시 하던 말이었습니다. 하지만 이번에 Google Font에서 한국어…

Read More Read More

[CSS] 웹폰트 적용하는 방법

[CSS] 웹폰트 적용하는 방법

기본 시스템 폰트가 아닌 일반 사용자 폰트로 웹을 표시해주는 것을 웹폰트를 적용한다라고 말합니다. 웹폰트는 @font-face를 이용해 클라이언트가 서버의 폰트를 다운받아 표시해줌으로써 클라이언트 PC에 해당 폰트가 없어도 웹사이트에서 제작자가 원하는 폰트로 사용자에게 보여줄 수 있습니다. 웹폰트 적용이 가능해진 이후로 디자이너들은 텍스트를 꾸미기 위해 이미지로 텍스트를 만드는 일이 크게 줄었습니다. 하지만 한글은 웹폰트를 적용하고도 알파벳처럼 깔끔하게 나오지 않아 아직까지 텍스트를 이미지로 만드는 경우가 꽤 있습니다. 원하는 폰트로 원하는대로 웹사이트에 표시를 할 수 있다고해서 단점이 없는것은 아닙니다.  클라이언트는 웹사이트의 텍스트를 읽어들이기위해 폰트파일을 다운로드…

Read More Read More