저는 웹폰트 쓰는 사이트를 정말 싫어하거든요ㅋㅋ

흐리게 보이는건 기본이고, 글자가 각자 따로 노는것처럼 보이기도 하고요.. 그렇다고 예쁘게 보이는것도 아닌!!!!!ㅎㅎ

가독성이 정말 헬이라고 생각합니다.

근데 XE로 만든 사이트들이 웹폰트를 많이 쓰더라구요 ㅎㅎ (특히나 스케치북 게시판은 극혐ㅠ)

웹폰트 쓰는 이유가 있나요?

네이버나 다음 등 유명 사이트들 중에서 웹폰트 쓰는곳이 거의 없다는것만 봐도.. 흠..

돋움이나 굴림이 최고인듯..

 

<현재 XE타운>

2.png

 

<굴림 폰트 적용시 XE타운>

1.png

 

  • ?
    취향의 차원인지라 ㅎㅎ..
    저는 다들 좋아할 거라 생각했는데 글쓴이 분과 같은 생각을 가진 분도 계시는군요.
    사실 폰트가 사이트에 일체감을 형성하는 것이 있어서 굉장히 중요한 문제기도 하지만 .. 사진으로 보여 주신 것을 보며 다시 금 느끼는 것인데 그닥 차이를 못느껴요 저는 ㅠ.ㅠ
    그래서 그냥 아 이거 폰트적용된거였어? 하면서 한 참 쳐다봐야 알겠더군요.. 그러면 쓰나 마나 한 것 같기도한데

    분명 저처럼 무딘 사람말고 디자인 하시는 분 들 입장에서는 굉장히 민감한 문제가 될거라고 생각합니다...^^;;
  • ? ?
    아..말씀 들어보니깐 제가 민감한걸수도 있겠네요ㅋㅋ
  • ? ?

    음...디자이너셨나요?!!? ㅋㅋㅋ

    사실 저는 미술에 관심이 많아서 (웹 말고 현대미술쪽) 제 웹사이트에는 깐깐한 편인데..

    디자인이란게 대중적인 것과 타협해야하는 성격이 있어서, 내 가치만 중시할 수 없다보니 다른 사이트의 디자인에게는... 저도 모르게 관대하게 보려고 하더라구요...ㅎㅎ;; 에이 뭐 안이뻐도 이정도면 됬지 하고요 ㅎㅎ 

    심미적인 측면에서 접근하자면야.....ㅎㅎ 웹폰트의 font weight가 얇다면 모든 사이트의 선을 비례적으로 얇쌍하게 따야 하고 그런게있겠죠...ㅎㅎ 근데 또 이 글자라는게 웹에서는 예쁨보다도 가독성의 문제가 가장 중요하다보니 괜히 화려한 웹폰트(있는지는 모르겠지만) 적용해봤자 사이트만 느려지고 피로감이 생기면 낭패죠 뭐..
    차라리 안쓰는게 날수도 ^^;;

  • ? ?
    아뇨 디자이너는 아니에요ㅋ
    근데 깔끔한걸 약간 병적으로? 선호하는 편이긴 합니다.^^;
  • profile
    영어는 웹폰트가 훨씬 나은듯한데.. 한글폰트는 pc에서 유독 선명하지 못하네요.
  • profile ?
    맞아요 영어 웹폰트는 예쁘고 가독성도 괜찮더라구요
  • profile
    뭐 예쁘다는거 말고 또다른 이유가 있을까요?
  • profile

    전 좋아해요 ㅋㅋ 맥이라 그런지 모르겠는데, 웹폰트로 깨지는 일은 못봤습니다.

    오히려 레티나라 그런지 이미지 깨지는 경우는 엄청 많이 보고 있죠...

    스크린샷 2015-10-21 오후 11.22.57.png

     

    이부분 디자인적으로 정말 깔끔하고 좋다고 생각해요. 본고딕 인 것 같긴한데 만약 굴림이나 돋움이었다면 저는 몸부림 쳤을지도...

    스크린샷 2015-10-21 오후 11.21.27.png

     

    이건 제가 예전에 만들었던 사이트인데, (이름들은 무시해주세요 ^^;)

    이미지 없이 웹폰트로 저렇게 할 수도 있죠.

     

    아, 개인적인 생각이지만 그래도 웹폰트는 서버 안에 있는게 좋다고 생각해요. 구글 폰트 같은데서 오는게 아니라...

    예뻐도 일단 느리면 본말전도니까요.

  • profile

    그리고 네이버는 최상단 좌측 메뉴에 적혀있지만, 일단 사용자 컴퓨터의 시스템 글꼴을 우선시하고, 추가로 나눔고딕으로 바꿀 수 있는 옵션을 마련해놨더라구요.

  • profile ?
    상당히 깔끔하고 가독성도 좋네요..ㄷㄷ
  • profile profile
    와 되게 깔끔합니다..ㅎㅎ
  • ?
    보니까 좀 흐릿하긴 하네요
  • ?
    저같은 경우에는 웹사이트에 나눔고딕 웹폰트를 적용했는데, 디자인적으로 나눔고딕이 괜찮기 때문에 그렇게 제작을 해 달라고 요청했습니다. 개인적으로 가독성도 괜찮다고 생각했구요. 근데 이 글 보니 한번 더 생각해봐야겠다는 생각이 드네요. 나눔고딕이 흐릿하게 보일거라고는 생각을 못해봤는데...
  • ?
    저도 레티나 맥을 쓰고 있는지라 '나한테 선명하니 남한테도 선명하겠지!'라고 생각했던것 같습니다. 쩝.. ㅋㅋ
  • ? profile
    컴에 나눔고딕이 있으면 컴의 나눔고딕을 쓰게 보통 사이트의 폰트선언을 하죠.
  • profile ?
    헛, 감사합니다 :)
  • profile ?
    후후... 자상하신 개발자님께서 이미 그렇게 해두셨군요. ㅋㅋㅋㅋ
  • ? profile
    나늠고딕을 사용한 사이트가 폰트순서를 그렇게 안하면 이상한거져.
  • profile
    웹폰트는 충분히 사이트에 도움이 될 수 있습니다.

    나눔고딕으로 사이트 디자인을 완성했습니다. 다른폰트의 경우 영역을 침범할수도 있는 나눔고딕으로 타이트하게 했습니다.

    사이트전역에 폰트선언을
    컴의나눔고딕 웹폰트나눔고딕 이하 돋움등의 순서

    효과
    왠만한 PC에는 나눔고딕이 설치되어 웹폰트를 사용하지 않습니다.

    나눔폰트가 없을경우 웹폰트로 나눔고딕이 준비되어있어 일관된 디자인이 제공됩니다.

    나눔폰트가 설치 안된 컴에 웹폰트 장애시 컴의 설치된 폰트의 상황에 따라 사이트가 이상하게 보일 수 있습니다.

    저희 사이트가 나눔고딕을 2순위로 윕폰트로 제공하는 이유입니다. 모든 방문자에게 일관된 모습을 제공하죠.
  • profile ?

    흠.. 나눔고딕이 제가 볼때는 가독성이 많이 떨어지더라구요..(본문에 첨부한 스샷처럼 흐리게 나와서요;;)

    뭐 개인 차이니깐요 ㅎㅎㅎ

  • ? profile
    나눔고딕이 웹폰트는 아닙니다. 제가 설명한건 웹에 폰트를 올려 보여주는 방식 웹폰트를 왜쓰냐고 질문하셔서 나눔고딕의 일관된 제공을 위해 컴에 폰트가 설치되지 않은 방문자를 위해 웹폰트를 사용한다는 설명입니다.
  • profile
    http://kmshack.tistory.com/?page=120
    이런 웹폰트 보면 파폭은 안 이쁘게 보여요 ㅠㅠ
  • profile profile
    좋은정보 :)
  • ?
    저는 웹폰트를 적절하게 쓰는 경우 홈페이지 전체적으로 훨씬 깔끔하게 보이고, 디자인적으로 더 미려하다고 생각해요. 다만 속도 때문에 쓰지는 않지만요..ㅎㅎ 별개로 저는 나눔고딕을 깔아두지 않아서 이미 xe town의 목차는 굴림으로 보이네요.
  • profile

    http://romanesque.me/froala_editor/1020

     

    혹시 제 사이트는 웹폰트 안쓰고 있는데 가독성 어떠신가요.

    (윈도우 맥 아이폰 각 브라우저에서 볼땐 괘안아 보이는데 말이죠...)

  • profile ?
    깔끔하고 가독성도 좋습니다. ^^
    제가 봤을땐.. 웹폰트를 크기가 작은 글자에 적용하는 경우에는 별로인것 같고,
    라르게덴님 홈페이지처럼 크기가 큰 글자에 적용하는 경우에는 상당히 괜찮아 보이네요.
  • profile profile
    맑은 고딕으로 보이는데, 저는 뭐 맑은 고딕이나 나눔고딕 정도는 웹폰트로 쓰더라도 가독성 좋던걸요.
    가독성 안 좋은 웹폰트는 좀 더 미려한 아웃라인이 옅은 그런 예쁜 폰트들이 브라우저에 따라 다르게 보여서 문제인 경우;
  • profile ?
    저는 왜 본문에 스샷처럼 나눔고딕 볼때 아웃라인이 옅게 나올까요?
    윈8.1/크롬에서 보는건데..;;
  • ?

    웹폰트 가독성이 더 좋으면 좋았지 떨어진다고 생각해보진 않았어요.

     

    본문사진 원본을 보니 깔끔하게 잘 나오는듯하네요

  • profile
    돋움과 굴림이 가독성이 좋다고만 할 수는 없습니다. 가독성은 폰트에도 달리지만, 사이즈나 유저의 환경에 따라 많이 좌지우지 되니까요. 나눔고딕의 경우 많은 유저들이 가독성을 인정한 폰트이고, 배열을 봐도 훌륭한 편이라고 생각합니다. 해상도에서 클리어 폰트는 잡아주셨나요?
  • ?
    웹폰트를 쓰면

    1. 디자인적으로 통일됩니다
    2. 가독성이 좀 더 향상되고 사이트가 전체적으로 깔끔해집니다

    개인적으로 굴림은 진짜 극혐... 제일 먼저 퇴출되어야 할 폰트라고 생각되네요

    나눔고딕 등은 클리어타입이 적용되는 폰트입니다. 윈도우의 경우 클리어타입이 기본적으로 켜져 있는데(xp는 제외), 클리어타입 적용 상태에서 보면 매우 깔끔합니다. 그러나 클리어타입을 끄면 저해상도 모니터일수록 흐리게 보일겁니다.

    (개인적으로 윈도우 비스타 이상 환경에서 나눔고딕이 가독성이 굴림보다 떨어지는 경우는 못 본거 같네요. 설정을 확인해보시길... 아님 용량이 더 크지만 나눔바른고딕을 쓰고 폰트를 1~2px정도 더 키우면 저해상도-고해상도-모바일 할것없이 매우 뚜렷하게 보입니다)

    jsdelivr에 올라와 있는 본고딕(noto sans)의 경우, 기기 해상도가 낮아지면(참고로 여기서 높은 해상도는 최소 ppi가 200을 넘어가는 경우를 말하는거고, 저해상도는 대부분의 20인치 이상 FHD 모니터들을 말합니다) 글씨가 매우 흐려보이는 현상이 발생하더군요.

    그러나 나눔고딕 계열은 전혀 그러한 현상이 없이 매우 뚜렷하게 보이고 기본폰트보다 확연히 가독성이 좋아졌습니다.

    그리고 웹폰트를 통해서 사람들이 보게 되는 폰트를 통일하면, 메뉴나 제목이 누구는 길어서 줄을 넘어가고 누구는 짧고 글씨크기가 누구는 너무 크게 보이고 누구는 너무 작고 하는 등의 문제를 해결할 수 있습니다
  • ?
    개인적으로 나눔고딕보다 나눔바른고딕을 더 좋아합니다. 나눔고딕은 글씨가 얇고 모서리가 굴림 처리되어 있지만 바른고딕은 좀더 굵고 모서리가 각져 있어서 좀 더 미려하게 보입니다
  • profile
    나눔고딕이 일반 돋움같은거보다 훨씬 낫다고 생각하는 1인입니당
  • profile
    저는 돋음을 보면 정말 눈이 아프더라구요
  • profile
    일단.. 가독성와 동일성을 위해 웹폰트를 저는 활용해요. 기본 글꼴로 하다보면..
    브라우저마다 폰트가 달라지는 현상이 발생하더라고요.
    물론 무분별한 폰트 활용은 가독성은 물론 디자인을 망치죠.

    대부분 유명 사이트에서도 웹폰트 활용은 하고 있습니다.
    웹폰트는 시각적으로 장점을 가지지만 단점이 속도 저하가 되겠습니다.
    따라서 가능한 웹폰트를 남용하지 않도록 노력하고 있죠.
  • profile
    깔끔하네요~