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

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
이 키워드로 구글링해서 나온 팁은 다 해봤는데 안되더군요 ㅠ_ㅠ
본고딕 웹폰트 그닥 안쓰는게 좋은거 같아요...
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

+
제목 글쓴이 날짜 조회
10년 전 조회 611
10년 전 조회 634
10년 전 조회 861
10년 전 조회 697
10년 전 조회 658
10년 전 조회 633
10년 전 조회 650
10년 전 조회 658
10년 전 조회 645
10년 전 조회 649
10년 전 조회 667
10년 전 조회 774
10년 전 조회 605
10년 전 조회 636
10년 전 조회 717
10년 전 조회 1,445
10년 전 조회 663
10년 전 조회 664
10년 전 조회 772
10년 전 조회 680
10년 전 조회 835
10년 전 조회 766
10년 전 조회 661
10년 전 조회 666
10년 전 조회 723
10년 전 조회 703
10년 전 조회 600
10년 전 조회 585
10년 전 조회 563
10년 전 조회 605
10년 전 조회 1,003
10년 전 조회 594
10년 전 조회 742
10년 전 조회 638
10년 전 조회 844
10년 전 조회 663
10년 전 조회 565
10년 전 조회 621
10년 전 조회 662
10년 전 조회 782
10년 전 조회 718
10년 전 조회 572
10년 전 조회 634
10년 전 조회 1,594
10년 전 조회 1,476
10년 전 조회 1,031
10년 전 조회 1,629
10년 전 조회 677
10년 전 조회 1,121
10년 전 조회 1,340
10년 전 조회 791
10년 전 조회 727
10년 전 조회 726
10년 전 조회 577
10년 전 조회 744
10년 전 조회 743
10년 전 조회 1,286
10년 전 조회 691
10년 전 조회 768
10년 전 조회 739
10년 전 조회 1,666
10년 전 조회 782
10년 전 조회 656
10년 전 조회 783
10년 전 조회 788
10년 전 조회 874
10년 전 조회 652
10년 전 조회 753
10년 전 조회 1,110
10년 전 조회 1,058
10년 전 조회 1,042
10년 전 조회 583
10년 전 조회 682
10년 전 조회 685
10년 전 조회 616
10년 전 조회 859
10년 전 조회 631
10년 전 조회 939
10년 전 조회 602
10년 전 조회 931
10년 전 조회 618
10년 전 조회 856
10년 전 조회 1,417
10년 전 조회 733
10년 전 조회 761
10년 전 조회 606
10년 전 조회 1,687
10년 전 조회 1,309
10년 전 조회 922
10년 전 조회 854
10년 전 조회 655
10년 전 조회 771
10년 전 조회 1,462
10년 전 조회 1,507
10년 전 조회 2,174
10년 전 조회 1,227
10년 전 조회 1,145
10년 전 조회 1,634
10년 전 조회 765
10년 전 조회 725