아래 AA게시판 질문에 대한 답변 겸 잡담
2015.12.11 22:53
1,831
6
0
본문
안녕하세요. 아시는분은 아시겠지만 문넷에 AA용 웹폰트를 만든 사람입니다.
음...
---------
발단 : 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를 제거하는 것이 좋을까요?
음...
---------
원인 : 웹폰트가 용량(크기) 최소화를 위해 저해상도로 만들어졌기 때문.
해결법 : 폰트에 추가적인 태그를 적용(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
로그인 후 추천 또는 비추천하실 수 있습니다.
-
템플
- 회원등급 : 정회원 / Level 7
포인트 100
경험치 2,327
[레벨 7] - 진행률
33%
가입일 :
2007-04-02 21:54:50 (6485일째)
문넷 뉴비입니다.
최신글이 없습니다.
최신글이 없습니다.
전체 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 |
댓글목록 6
이시유님의 댓글
템플님의 댓글의 댓글
이시유님의 댓글의 댓글
Serika님의 댓글
템플님의 댓글의 댓글
소문을내는자님의 댓글