• 북마크
타입문넷

자유게시판

아래 AA게시판 질문에 대한 답변 겸 잡담

본문

안녕하세요. 아시는분은 아시겠지만 문넷에 AA용 웹폰트를 만든 사람입니다.

음...
---------

compare.png

 

발단 : PC에서 웹폰트를 읽을때 ClearType 보정으로 글자가 이상하게 보인다. (기본 크기 16px일때 발생)
원인 : 웹폰트가 용량(크기) 최소화를 위해 저해상도로 만들어졌기 때문.

해결법 : 폰트에 추가적인 태그를 적용(filter -> grayscale : 흑백화)해 다시 그래픽 처리를 시켜 해결
문제점 : AA분량이 많을경우 모든 글자를 다 filter 처리한다고 부하가 걸린다.

참고 : 모바일은 필터를 적용하지 않아도 윈도의 ClearType기능이 없으므로 filter를 적용시키지 않습니다.
---------

해당 문제는 이정도로 요약이 되겠네요.

웹폰트 태그는 크게 3가지 단계를 거쳤습니다.

1. 초기판.
가장 처음에 나온 웹폰트 태그입니다.
모든 폰트는 오직 웹폰트만을 사용하게 작성되어 있으며,
AA가 적용되는 본문을 감싸는 틀에 사용하는 태그로 span을 사용했다가
웹브라우저별로 복사&붙여넣기 시에 동작이 다른경우가 있어 div태그로 본문틀을 바꾸었습니다.


2. 일반판
초기판에서 MS PGothic 폰트를 적용하지 않은 상태로 공개했다가 앞서 적은 글자가 이상해지는 문제 때문에
PC에서 보는 사이즈(기본크기)일때 MS PGothic가 있을경우 그걸 우선시 하도록 코드를 수정했습니다.

현재 문넷 AA게시판에서 기본적으로 사용되도록 적용되어진 코드입니다.


3. 최신판
사실 MS PGothic폰트도 AA가 깨져 나오는(최신윈도의 폰트버전이 다른 문제 등) 문제가 있다는 것을 알게되었고
다시 웹폰트 만을 사용하도록 수정하였습니다.

그리고 매번 수정할때마다 버전이 갈리는 문제와, 웹폰트 태그가 복잡(줄수가 많음)했던 문제를 해결하기 위해서
외부에서 css파일을 불러오는 형식으로 변경한 것이 특징입니다. (52줄 -> 7줄)

아래쪽 게시글에서 적어주신 CPU사용과 렉, 그리고 분문이 짤리는(소문만 들었습니다) 경우는 이 버전의 문제입니다.


그래서 이 글을 보시는 분들께 질문이 있습니다.

최신판의 문제는 제가 수정하면 일괄적으로 적용되기 때문에 수정이 가능합니다.
그냥 글자가 초록색처럼 보이거나 이상해도 filter를 제거하는 것이 좋을까요?
  • 2.95Kbytes
0
로그인 후 추천 또는 비추천하실 수 있습니다.
profile_image
포인트 100
경험치 2,327
[레벨 7] - 진행률 33%
가입일 :
2007-04-02 21:54:50 (6485일째)
문넷 뉴비입니다.

최신글이 없습니다.

최신글이 없습니다.

댓글목록 6

이시유님의 댓글

profile_image
윈도우 10과 윈도우 7 사이의 문제네요.<br />일단 둘은 서로 다른 레벨로 뜯어고쳤고, 윈도우 엣지라는, 처음부터 아예 새로이 재구성한 익스플로우.<br /><br />이것 때문에 상당히 미묘하지요.<br />저는 일반판(초기판 이후 나온 신판, 내용이 매우 적어진 그거.)쪽이 괜찮던데.<br />

템플님의 댓글의 댓글

profile_image
ms pgothic 폰트의 버전 문제 외에도 웹브라우저에서 폰트를 처리하는 방식(direct write 등) 때문에<br />브라우저마다 AA가 조금씩 엇나가서 보이는 문제도 있는데 이 경우는 윈도 버전은 관계가 없습니다.<br /><br />웹폰트 같은경우는 모든 곳에서 동일하게 보이는 것으로 확인되었기에 웹폰트만 사용하는게 가장 이상적입니다만 ClearType기능 때문에....<br />

이시유님의 댓글의 댓글

profile_image
그러면 대용량용 폰트와 저용량용 폰트를 따로 하는건 어땠습니까?<br />대용량은 최소한 로딩 시간 위주로 부담을 줄이는 형태로 하고,<br />저용량은 로딩 시간 필요없어서 상관없는 그런 형태로요.<br />하나로 통합해서 쓰기에는 문제 발생하면 찾기 힘드니.<br />

Serika님의 댓글

profile_image
조금 이상해보여도 아예 못보는거보단 나을거같네요<br />심한 작품은 페이지 내리는데 10초씩 걸리고<br />그나마도 좀 넘기다보면 내용이 표시 안됩니다<br />제컴이 그리 나쁜게 아님에도 이정도면 다른분들은 더 심할거같음...

템플님의 댓글의 댓글

profile_image
위에 이미지로 예시 추가했습니다.<br />보시면 다듬는다고 검은색을 3가지 색으로 나뉘어 표시하는게 보입니다.<br />

소문을내는자님의 댓글

profile_image
3번의 게시글이 그냥 중간에 짤리는 문제 말입니다만 <br /><a href="/write_drawing/155381" target="_blank">http://www.typemoon.net/write_drawing/155381</a><br />의 게시글을 3번 방식으로 올리니 내용이 처음 1/10 정도만 나오고 그냥 스크롤이 끝나버리더군요.<br /><br />아마 제가 사용하고 있는 것(현재 윗게시글에 적용되어있는 것)은 1번 방식인 것 같네요.<br />
전체 15 건 - 1 페이지
제목
레벨 템플 1,154 0 2021.05.05
레벨 템플 1,902 6 2021.03.08
레벨 템플 1,299 5 2021.03.06
레벨 템플 875 9 2021.03.04
템플 2,184 0 2019.08.28
템플 1,048 0 2018.03.14
템플 1,760 0 2017.05.19
템플 3,285 0 2017.01.01
템플 1,331 0 2015.12.25
템플 1,832 0 2015.12.11
템플 2,368 0 2015.11.21
템플 2,108 0 2015.10.26
템플 2,557 0 2014.11.27
템플 1,353 0 2014.10.02
템플 1,824 0 2014.07.18