2012-11-29 3 views
10

안녕하세요 여러분, Css에서 포토샵과 같은 날카로운 속성을 사용하려고하지만 어떻게 할 수 있습니까?CSS에서 글꼴을 선명하게 만드는 방법은 무엇입니까?

가 여기 내 CSS를

#login_text 
{ 
position:absolute; 
top:10px; 
left:18px; 
font-size:13pt; 
font-weight:bold; 
font-family:Arial; 

} 
+0

에 가능한 방법을 설명? 왜 글꼴을 선명하게하고 싶습니까? – Joey

답변

12

는 또한 웹킷 (크롬) 안티 앨리어싱에 대한 구체적인 해킹이 특히 Windows 시스템에 이상적입니다. A bit more info can be found here.

font-smooth CSS3 속성 (see here)도 있지만, 구현되지 않았고 (적어도 내가 볼 수있는 것은 아님) 알고 있습니다.

슬픈 현실은 특히 Windows 컴퓨터가 아닌 웹에서 Photoshop 품질의 글꼴 렌더링을 얻지 못한다는 것입니다. 좋은 웹 글꼴을 선택하고 자연스럽게 확장되는 글꼴 크기를 선택하여이 문제를 보완 할 수는 있지만 할 수있는 일은 많습니다.

+2

'-webkit-font-smoothing'은 Windows 플랫폼에서 지원되지 않기 때문에 관련이 없습니다. –

+0

^Microsoft 웹 브라우저 –

2

더 "날카로운"값은 없지만, 내가는 CSS3 text-rendering 속성이 갈 수있는 가장 좋은 방법이라고 생각합니다. 이 효과는 작은 글꼴 크기에서 가장 두드러지며 큰 글꼴에는 큰 차이를주지 않습니다.

매우 제한적인 지원이 있지만 내가 아는 한 유일한 방법입니다.

다른 옵션 (사용자 정의 글꼴을 사용하는 경우)은 단순히 고품질 벡터를 얻는 것입니다. 보다 작을 수 있습니다 웹킷 webfont 렌더링하기 때문에 사용하는 것이 좋은 -webkit-font-smoothing: antialiased; (나는 기본값은 subpixel-antialiased 믿고) : AMK이 언급 한 CSS3 text-rendering 특성 외에도

+0

'텍스트 렌더링'이 선명도에 어떤 영향을 미칩니 까? 렌더링의 다른 측면에 영향을줍니다. –

+0

텍스트 렌더링은 선명도에 영향을주기 때문에 어디서나 명시되지 않았더라도 선명도에 영향을줍니다. –

+0

@AMK, 예를 들어 주시겠습니까? 속성에 어떤 값을 사용하고 선명도에 어떤 브라우저가 영향을 미칩니 까? –

5

Firefox 25는 새로운 Mac OS 전용 비표준 속성 -moz-osx-font-smoothing을 WebKit의 -webkit-font-smoothing에 추가합니다.

요소 {

-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale; 

}

0

이 example.Henrique 대머리를보고는 무엇을 사용자 정의 글꼴이나 뭔가를 사용하고 날카로운 https://www.linkedin.com/grp/post/2071438-268918276

+2

이 링크가 질문에 대답 할 수 있지만 여기에 대답의 핵심 부분을 포함시키고 참조 용 링크를 제공하는 것이 좋습니다.링크 된 페이지가 변경되면 링크 전용 답변이 유효하지 않게 될 수 있습니다. – PKirby

+0

또는 액세스 할 수 없습니다 ... 그룹 게시물입니다. 대답을 보려면 가입해야합니다. 대답을 바꾸어 말하십시오. :) – Julix

관련 문제