안녕하세요 여러분, Css에서 포토샵과 같은 날카로운 속성을 사용하려고하지만 어떻게 할 수 있습니까?CSS에서 글꼴을 선명하게 만드는 방법은 무엇입니까?
가 여기 내 CSS를
#login_text
{
position:absolute;
top:10px;
left:18px;
font-size:13pt;
font-weight:bold;
font-family:Arial;
}
안녕하세요 여러분, Css에서 포토샵과 같은 날카로운 속성을 사용하려고하지만 어떻게 할 수 있습니까?CSS에서 글꼴을 선명하게 만드는 방법은 무엇입니까?
가 여기 내 CSS를
#login_text
{
position:absolute;
top:10px;
left:18px;
font-size:13pt;
font-weight:bold;
font-family:Arial;
}
는 또한 웹킷 (크롬) 안티 앨리어싱에 대한 구체적인 해킹이 특히 Windows 시스템에 이상적입니다. A bit more info can be found here.
font-smooth
CSS3 속성 (see here)도 있지만, 구현되지 않았고 (적어도 내가 볼 수있는 것은 아님) 알고 있습니다.
슬픈 현실은 특히 Windows 컴퓨터가 아닌 웹에서 Photoshop 품질의 글꼴 렌더링을 얻지 못한다는 것입니다. 좋은 웹 글꼴을 선택하고 자연스럽게 확장되는 글꼴 크기를 선택하여이 문제를 보완 할 수는 있지만 할 수있는 일은 많습니다.
'-webkit-font-smoothing'은 Windows 플랫폼에서 지원되지 않기 때문에 관련이 없습니다. –
^Microsoft 웹 브라우저 –
더 "날카로운"값은 없지만, 내가는 CSS3 text-rendering
속성이 갈 수있는 가장 좋은 방법이라고 생각합니다. 이 효과는 작은 글꼴 크기에서 가장 두드러지며 큰 글꼴에는 큰 차이를주지 않습니다.
매우 제한적인 지원이 있지만 내가 아는 한 유일한 방법입니다.
다른 옵션 (사용자 정의 글꼴을 사용하는 경우)은 단순히 고품질 벡터를 얻는 것입니다. 보다 작을 수 있습니다 웹킷 webfont 렌더링하기 때문에 사용하는 것이 좋은 -webkit-font-smoothing: antialiased;
(나는 기본값은 subpixel-antialiased
믿고) : AMK이 언급 한 CSS3 text-rendering
특성 외에도
'텍스트 렌더링'이 선명도에 어떤 영향을 미칩니 까? 렌더링의 다른 측면에 영향을줍니다. –
텍스트 렌더링은 선명도에 영향을주기 때문에 어디서나 명시되지 않았더라도 선명도에 영향을줍니다. –
@AMK, 예를 들어 주시겠습니까? 속성에 어떤 값을 사용하고 선명도에 어떤 브라우저가 영향을 미칩니 까? –
Firefox 25는 새로운 Mac OS 전용 비표준 속성 -moz-osx-font-smoothing을 WebKit의 -webkit-font-smoothing에 추가합니다.
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
이 example.Henrique 대머리를보고는 무엇을 사용자 정의 글꼴이나 뭔가를 사용하고 날카로운 https://www.linkedin.com/grp/post/2071438-268918276
에 가능한 방법을 설명? 왜 글꼴을 선명하게하고 싶습니까? – Joey