이

파이어폭스 본고딕 웹폰트 깨짐..

· 2015-11-11 (수) 01:24:08 · 3250 · 4
scr_20151111_001.png

웹폰트 중에 경계선이 흐릿하게 안티 앨리어싱 처리된 웹폰트의 경우,

크롬과 파이어폭스가 다르게 출력이 됩니다.

 

크롬은 비교적 포토샵에서의 출력과 비슷하게 보여집니다만

파이어폭스는 그게 깨집니다.

 

완벽하게 깨진다는게 아니라 글자체가 명확하지 않게 흐릿하게 보여지는 현상이죠.

비교하시라고 스크린샷 첨부했습니다.

 

이거 해결방법은 없는 걸까요.

임시로 그냥 파이어폭스 핵 써서 파폭에서는 다른 폰트로 보여지게 처리하겠지만;

첨부파일

scr_20151111_001.png (27.3 KB)
19회 2015-11-11 01:24
|

댓글 4개

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Keyword values */
font-smooth: auto;
font-smooth: never;
font-smooth: always;

/* <length> */
font-smooth: 2em;
/*
text-shadow: 0 0 1px rgba(0,0,0,0.3);
*/
-webkit-font-smoothing: subpixel-antialiased;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
-webkit-font-smoothing: antialiased !important;
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
/* text-shadow: 0 0 0; */
/* -webkit-text-stroke: 0.5px #000; */
/* text-rendering: optimizeLegibility; */
/* text-rendering: geometricPrecision; */
/*
font-smooth: always;
font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
*/

사용해본 코드만 해도 이런데 조합해서 이것저것 해봐도 다 깔끔하게 안 보여지고;;
결국 텍스트 쉐도우값을 적절히 하는게 최선이긴 하던데.. 방법 없더군요 ㅎ
파폭 about:config 값을 조정해봐도 잘 안됐습니다. ㅠㅠ
firefox web font anti aliasing
이 키워드로 구글링해서 나온 팁은 다 해봤는데 안되더군요 ㅠ_ㅠ
2015-11-20 (금) 00:08:05
본고딕 웹폰트 그닥 안쓰는게 좋은거 같아요...
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
15-12-13 조회 2,903
15-12-11 조회 3,371
15-12-11 조회 3,066
15-12-11 조회 2,902
15-12-11 조회 2,550
15-12-11 조회 2,517
15-12-11 조회 2,523
15-12-10 조회 2,473
15-12-10 조회 2,543
15-12-10 조회 2,519
15-12-10 조회 2,761
15-12-09 조회 2,685
15-12-08 조회 3,605
15-12-08 조회 2,889
15-12-08 조회 2,637
15-12-08 조회 2,917
15-12-07 조회 3,000
15-12-07 조회 2,718
15-12-07 조회 3,101
15-12-07 조회 2,745
15-12-06 조회 2,872
15-12-06 조회 2,580
15-12-06 조회 2,822
15-12-05 조회 2,747
15-12-05 조회 3,001
15-12-05 조회 2,773
15-12-04 조회 2,639
15-12-04 조회 2,752
15-12-04 조회 2,801
15-12-03 조회 2,760
15-12-03 조회 2,791
15-12-03 조회 2,819
15-12-03 조회 2,897
15-12-03 조회 3,158
15-12-03 조회 2,674
15-12-02 조회 2,898
15-12-02 조회 2,852
15-12-02 조회 2,842
15-12-02 조회 2,991
15-12-02 조회 3,035
15-12-01 조회 2,730
15-12-01 조회 2,519
15-12-01 조회 2,599
15-11-30 조회 2,792
15-11-30 조회 2,947
15-11-30 조회 2,848
15-11-29 조회 2,616
15-11-29 조회 2,868
15-11-29 조회 2,680
15-11-28 조회 2,615
15-11-28 조회 2,642
15-11-28 조회 2,673
15-11-27 조회 2,767
15-11-27 조회 2,621
15-11-27 조회 2,630
15-11-26 조회 2,796
15-11-26 조회 3,654
15-11-25 조회 2,750
15-11-25 조회 2,710
15-11-25 조회 2,771
15-11-25 조회 2,567
15-11-25 조회 2,909
15-11-23 조회 2,833
15-11-23 조회 2,981
15-11-23 조회 2,812
15-11-21 조회 2,706
15-11-21 조회 2,605
15-11-21 조회 2,548
15-11-20 조회 2,540
15-11-20 조회 2,495
15-11-20 조회 2,626
15-11-20 조회 2,881
15-11-18 조회 2,777
15-11-18 조회 2,658
15-11-18 조회 2,640
15-11-17 조회 2,845
15-11-17 조회 2,602
15-11-17 조회 2,744
15-11-16 조회 2,629
15-11-16 조회 2,594
15-11-16 조회 2,780
15-11-15 조회 2,792
15-11-15 조회 2,649
15-11-15 조회 2,739
15-11-13 조회 3,594
15-11-12 조회 3,480
15-11-12 조회 2,936
15-11-12 조회 3,602
15-11-11 조회 2,739
15-11-11 조회 3,001
15-11-11 조회 3,251
15-11-09 조회 2,754
15-11-09 조회 2,985
15-11-09 조회 2,952
15-11-09 조회 2,709
15-11-09 조회 2,757
15-11-09 조회 3,003
15-11-06 조회 3,348
15-11-05 조회 2,808
15-11-05 조회 2,688