답변
당신은 헤더에 대한 Cufón 같은 일부 글꼴 대체 솔루션을 사용할 수 없습니다, 그러나 그것은 큰 텍스트 블록에 사용하기에 너무 비효율적이다.
브라우저의 글꼴 렌더링을 변경하려는 경우 모두 자체 텍스트 렌더링 루틴을 가지고 있기 때문에 운이별로 없을 것입니다 (하지만 Safari 및 Chrome의 최신 버전은 -webkit-font-smoothing
을 참조하십시오).
글씨 크기가 큰 것들을 위해서만 필요합니다. 그래서 큰 글씨는 문제. Cufon이 왜 그렇게 효율적입니까? –
특히 비효율적이지는 않습니다. 브라우저의 기본 텍스트 렌더링 루틴을 사용하면 Canvas 또는 SVG를 사용하여 텍스트를 표시하는 사용자 정의 JavaScript 라이브러리를 사용하는 것보다 항상 빠를 것입니다. –
실제로 브라우저의 Firefox 제품군에서 작동하는 텍스트 렌더링이라는 CSS 속성이 있습니다. Ben이 말했듯이 사파리와 크롬 제품군을위한 웹킷 (font-smoothing) 기능도있다.
html {
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
}
- 1. Firefox의 어두운 배경에서 매끄러운 글꼴 매끄럽게하기 mac (CSS)
- 2. 라틴 문자와 CSS가있는 일본어 문자에 다른 글꼴 사용
- 3. CSS가있는 Control.ClientID
- 4. OpenGL에서 매끄러운 선
- 5. 매끄러운 라이브러리로 텍스처링 하시겠습니까?
- 6. 매끄러운 jQuery 움직이는 문자?
- 7. 매끄러운 (애니메이션) GUI 전환
- 8. CSS가있는 IE6의 스크롤 DIVs
- 9. CSS가있는 행 스파이크
- 10. CSS가있는 도움이 필요합니다
- 11. CSS가있는 Blur 페이지
- 12. CSS가있는 Perl CGI 스크립트
- 13. CSS가있는 드롭 섀도우
- 14. CSS가있는 .jsp의 배경 이미지
- 15. CSS가있는 IE8 부동 문제
- 16. CSS가있는 이미지 캡션
- 17. CSS가있는 HTML 양식 레이아웃
- 18. CSS가있는 2 줄 메뉴
- 19. CSS가있는 IE7의 배경 그라디언트
- 20. CSS가있는 실제 화면 픽셀
- 21. 태블릿 입력에서 매끄러운 선 그리기
- 22. UIImageView의 매끄러운 이동 및 집기
- 23. 가장 매끄러운 15 % 곡선 찾기
- 24. 매끄러운 격자를 얻는 방법 iscroll
- 25. 코어 애니메이션이 아닌 매끄러운 애니메이션
- 26. CSS가있는 테이블 안의 이미지 참조
- 27. Javascript와 CSS가있는 DHTML이 작동하지 않습니다.
- 28. CSS가있는 Div 상자의 그림자가 있습니까?
- 29. 디자인에 영향을주지 않는 CSS가있는 Internet Explorer에서 매우 큰 글꼴 크기를 사용하는 방법은 무엇입니까?
- 30. 레이어가 매끄러운 그림자를 던지게하는 간단한 방법이 있습니까?
난 경우 브라우저를 사용자 정의하는 경우,
또한 : 텍스트 렌더링 인터넷 익스플로러에서 작동하지만이 코드 조각이 꽤 잘 작동 나도 몰라 나는 CSS3에 'font-smooth : always;'속성이 있다고 생각한다. 나는 그것을 직접 시도하지 않았으므로 그것의 효과에 대해 언급 할 수 없다. –
여기를 보시고 (같은 주제) : http://stackoverflow.com/questions/11487427/font-smoothing/11493510 – Sliq