'글꼴'에 해당되는 글 2건

  1. 2014.10.14 나의 블로그 기본글꼴 설정기
  2. 2014.10.11 윈도7에서 Fixedsys를 사용하는 방법 2
IT일반2014. 10. 14. 22:43

굴림이냐 돋움이냐, 또는 11px이냐 12px이냐의 논란이 종지부를 찍을 줄 모르던 옛 시절이 아직도 기억에 생생한데, 벌써 하드웨어와 소프트웨어, 그리고 사람들의 인식은 세월을 훌쩍 넘어서 많은 변화를 겪었다. 이제는 2000년대 초 중반 스타일로 돋움 11px 글꼴로 설정된 블로그나 홈페이지는 뒤로 가기 버튼을 절로 찾을 정도가 되었다. 아니면 벌써 노안이 오고 있다거나. :-p

블로그는 읽기 편해야 한다. 내가 공들여 쓴 글들이 단지 눈이 아파서, 글꼴이 투박해서 폄하된다면 그 얼마나 속상한 일인가. 가독성이 뛰어나고 미려하며 눈에 착착 감기는 맛이 있는 글꼴을 되도록 설정하는 것이 필요하다. 여자들이 화장을 하는 이유와 근본적으로 다를 바가 없지 않겠나.

망할 굴림과 돋움을 제쳐두고 최근 추세에 맞춰서 가장 접근성이 뛰어나고 가독성이 좋은 글꼴들을 나열해 보았다. 천생 공돌이인 내가 무슨 능력이 있겠는가. 입 소문으로 좋다고 회자되는 것들 중에 추려냈을 뿐이지.

  1. 애플 산돌 고딕 네오
  2. 나눔고딕
  3. 맑은 고딕

사실 글꼴 전문가들은 이보다 더 좋은 해법을 찾을 지도 모르겠지만, 내 입장에서는 철저하게 비용 대비 효과 측면을 고려하지 않을 수 없다. 여기서 비용이란 진입장벽이고, 효과는 글꼴의 기능성, 즉 가독성과 미려함이다.

효과 측면에서의 위 글꼴들은 일단 현재로서는 내 느낌상 100점 만점 중에 못해도 80 내지 90점은 먹고 들어가는 글꼴들이다. 하지만 여기서 주목할 점은 3개의 글꼴 중 두 가지는 해당 하드웨어(OS 혹은 플랫폼)에서 기본 글꼴이라는 점이다. 따라서 진입장벽이 낮다.

나눔고딕은 조금 특수한 경우인데, 실질적으로 나눔고딕 글꼴을 별도로 설치한 사람들이 꽤 있다. 옛날옛적 윈도 기본 글꼴인 굴림과 돋움에 한이 맺혀서 적극적으로 추가 글꼴을 설치한 사람들 중에는 아마 가장 저변확대가 많이 되어있는 글꼴이 아닌가 싶다. 하지만 그 여부를 단정지어 생각할 수 없고, '기본'을 추구하는 입장에서는 조금 조심스러운 면이 없지 않다.

블로그 글꼴 적용하는 이야기를 하는 많은 곳에서는 웹 폰트를 적용하는 이야기를 많이 하고 있다. 물론 예전에는 그 자체가 불가능에 가깝거나 되더라도 매우 한정적이었기에 비교적 적용하기 쉬워진 현재에 와서는 많은 시도와 반영들을 하고 있겠지만, 아직은 웹 폰트 적용방식은 깔끔하고 가벼우며 스피디한 웹 환경을 추구하는 내 지향점과는 그다지 맞지 않는 듯 하여 일단 배제시키려고 한다.

font-family: "Apple SD Gothic Neo", "Malgun Gothic", Sans-Serif;

스타일 정의(CSS)에서 위와 같이 지정하면, 가장 먼저 명시한 글꼴을 우선 적용하고, 해당 글꼴을 적용할 수 없을 때에는 다음 순서의 글꼴을 차례로 시도하여 적용한다. 그 어느 것도 적용 가능한 글꼴이 없다면, 가장 마지막에 명시된 Sans-Serif를 적용하게 되는데, 이것은 획의 끝이 장식이 없는, 즉 고딕 계열의 기본 글꼴을 적용하라는 뜻이다. 망할 굴림이나 돋움을 명시하지 않아도, 이정도 만으로도 충분한 설정이 된다. 추후에라도 '망할' 굴림이나 돋움 대신 브라우저 기본 글꼴로 좀 더 나은 글꼴이 설정되는 날이 오면 자동으로 해당 글꼴로 대체되는 효과까지 있으니 일석이조.

iOS보다 PC계열 사용자가 훨씬 많을 텐데 굳이 애플글꼴을 먼저 명시한 이유는, 애플이 글꼴에 죽고 글꼴에 사는 원래 그런 환경이기 때문이다. 가장 최상의 환경을 가진 사용자들은 얼른 선택하고 빠져나가라는(^^) 뜻으로 제일 앞에 명시한 것이고, 어차피 적용 우선순위에 따라 어지간하면 Sans-Serif까지 가는 일은 드물 거라 생각하여 설정한 내용이다. 어차피 iOS도 윈도도 아닌 환경에 대해서는 어떤 글꼴이 쓰이는지 잘 알지도 못하고, 괜히 설레발을 치는 것 보다는 해당 브라우저 사용자가 설정한 기본 글꼴을 존중하는 것이 바람직하다는 이유도 있다.

마지막으로, 글꼴의 크기도 좀 편안하게 읽으려면 11이나 12px같이 깨알 같은 촘촘함보다는 살짝 넉넉함이 묻어나며 너무 방만하지 않을 정도의 타협점을 여러모로 시도하다 결국 찾은 내 나름대로 적당하다고 생각한 크기가 15px이었다. 노안이 좀 더 심하게 온다면 여기서 더 커질 지도 모른다. :-p

Posted by nextream
IT일반2014. 10. 11. 13:04

개발자는 보통 에디터 글꼴에 민감하다. 코딩 작업의 효율은 에디터 글꼴에 많은 영향을 받는다.

코딩에 적합한 글꼴은 우선 고정폭 글꼴이어야 한다. 가변폭 글꼴은 일관된 패턴 흐름을 제대로 살리지 못할 때가 많다.. 또한 글자 하나 혹은 구두점 하나의 변화에도 큰 차이를 나타내는 코딩의 특성상 그 차이를 극명하게 표현하는 고정폭 여부는 매우 중요하다.

또한 가독성이 뛰어나야 한다. 미려함 보다는 기능성이 중요하다. 척 보고 한눈에 알아볼 수 있어야 한다.

Fixedsys는 고정 폭이라는 특성과 함께 윈도 플랫폼이라면 기본으로 설치되어 있어서 접근성이 뛰어나다. 게다가 영문 기본이 다른 글꼴에 비해 굵직해서, 주석이나 메시지 내용으로 주로 쓰이는 한글보다 코드 내용에 집중할 수 있는 장점이 있다.

자체적으로 한글을 지원하지 않아서 보기 싫은 굴림체가 적용된다거나 역슬래시가 쓸데없이 원화표시로 대체된다는 단점을 제외하면 지금 막 윈도를 재설치 했거나 다른 자리에서 한동안 작업해야 하는 특별한 상황일 때 최상은 아니지만 최선으로서 급한 대로 설정하기 편한 점은 꽤 만족스럽다. 이클립스에서 Fixedsys를 적용한 모습이다.

그런데 한가지 문제는 윈도7의 경우 Fixedsys가 설정가능 글꼴목록에 표시되지 않는 것이다. 따라서 Fixedsys를 사용하려면 윈도 설정을 한가지 변경해줘야 한다. 다음은 윈도7에서 Fixedsys를 사용할 수 있도록 하는 방법이다.

제어판 – 모양 및 개인 설정 – 글꼴 순으로 잦아들어가거나 혹은 윈도 키 + R 키로 'control fonts' 명령을 실행하면 글꼴 확인 및 설정 화면을 호출할 수 있다. Fixedsys는 비활성화가 기본값이다.

Fixedsys는 사용할 수 있는 다른 글꼴과는 달리 희미한 상태로 보이고 있을 것이다. 이는 글꼴 자체가 설치는 됐지만 사용할 수 있도록 활성화되지 않았다는 뜻이다. 글꼴을 사용하려면 이렇게 비활성화 상태를 사용가능 상태로 만들어주어야 한다.

글꼴설정화면에서 Fixedsys를 클릭하여 선택한 후, 상단의 메뉴 혹은 마우스 우클릭 팝업 메뉴에서 '표시'를 선택하면 해당 글꼴이 진하게 표시된다. 진하게 표시된 글꼴은 활성화된 상태를 나타낸다.

이로써 설정은 끝났다. 이제부터는 메모장을 비롯하여 각종 에디터에서 사용글꼴 설정화면에서 Fixedsys를 사용할 수 있다.

Posted by nextream