2011-04-15 2 views
1

새로운 웹 사이트에 대한 PSD 모형의 스타일 시트를 설정하는 중입니다. 실물 모형의 대부분의 텍스트는 포토샵의 '선명한'앨리어싱 제거 방법을 사용합니다.CSS의 포토샵 스타일 앤티 앨리어싱 스타일

이러한 종류의 Photoshop 앤티 앨리어싱 방법을 다시 만드는 가장 좋은 방법은 무엇입니까? Btw은 .. 다른 글꼴 - 무게 해제 방법 것

설정, 글꼴 굴림 그래서 당신이 웹 사이트는 여러 운영 체제의 여러 브라우저에 표시 될 것입니다 때문에 더 재미 @ 글꼴 얼굴 물건은 여기

+0

텍스트를 이미지로 미리 렌더링 하겠지만, 자주 변경 될 가능성이있는 본문 텍스트이며 모든 이미지를 사용하고 싶지 않습니다. –

답변

2

간단한 대안은 CSS3 속성 인 text-shadow이다 :

#foo { 
    /* text-shadow: [color] [horizontal offset] [vertical offset] [blur] */ 
    text-shadow: #fff 0 1px 0; 
} 

설정 플레이 주위; 당신은 다른 색상과 값을 흐리게 실험하여 매우 예리한 끝이 뚜렷한 글꼴을 부드럽게 만들 수 있습니다.

+0

분명히 이것은은 총알이 아니지만 그 효과가 눈에 아주 기쁘다 고 말해야합니다. –

0

진행하지 일관된 글꼴 표시를 얻을 수있는 방법이 없습니다. 글꼴 다듬기와 관련해서는 OS에 달려 있다고 생각합니다.

필요한 경우 부분을 이미지로 렌더링하거나 Cufon 또는 sIFR을 사용하십시오.

글꼴도 조금 거친 경우 CSS3 text-shadow을 추가하면 더욱 매끄럽게 보입니다.

0

앤티 앨리어싱 및 기타 텍스트 렌더링 효과를 사용자 정의하기 위해 스크립트 기반 라이브러리 (cufón 포함)를 사용할 수 있습니다. 대부분의 (모든 것은 아닐지라도) 그러한 솔루션은 전신 텍스트가 아닌 머리말과 기타 등등에만 적합하다는 점에 유의하십시오.

1

font-smooth CSS3 속성은 유용 할 수있다 :이

font-smooth: auto | never | always | <absolute-size> | length | initial | inherit 
관련 문제