개발자를위한 인쇄술

디자이너가 아니기 때문에 이해할 수 없으며 코드와 코드가 내 삶을 사랑합니다.개발자를위한 인쇄술

비 디자이너의 경우 활판 인쇄는 거대한 7 머리 뱀이며 나는 웹에서 타이포그래피를 더 잘 만들 수있는 무언가가 있는지 알고 싶습니다.

enter image description here

h1 { 
    font-size: 2em; 
}

에 불과하다 그러나이 부분의 아래에 나는, Arial 글꼴에 앨리어싱을 미워 해요 :

이

내가 무엇을 할 수 위 이미지의 300 % 확대시

enter image description here

개발자 측에서 내 웹 페이지가 더 멋지게 보이게하려면 어떻게해야합니까?

나는 행운없이 font-smooth: always;을 시도했다.

2011-10-20 balexandre

타이포그래피가 진짜 스킬이기 때문에 7 개의 머리가 달린 뱀이라고 말하면서 나는이 권리를 얻기 위해 그래픽 디자이너와 협력하는 것이 좋습니다. –

그래서 그래픽 디자이너는 브라우저에 엉터리 앤티 앨리어싱이 있다는 사실을 고쳐야할까요? –

@Steve 웹 코드 관점에서 묻는 중입니다. 그들의 디자인은 결코 문제가되지 않았습니다. – balexandre

글꼴 렌더링은 브라우저마다 다르며 OS에 따라 다릅니다. 문자 간격 및 크기와 같은 것을 조정할 수 있지만, CSS 또는 JS 코드에서 할 수있는 일은 없습니다. 가장자리를 렌더링하는 방법이나 가장자리가 어지럽게 만드는 방법을 변경할 수는 없습니다.

2011-10-20 17:35:33

'@ font-face'또는 다른 트릭을 사용하지 않더라도? – balexandre

이것은 렌더링 엔진이 아닌 글꼴 만 변경합니다. –

아마 다른 글꼴을 변경 하시겠습니까? http://www.google.com/webfonts

2011-10-20 17:34:42

그다지 좋지는 않지만 글꼴을 보았습니까? http://i.stack.imgur.com/hpP5M.png – balexandre

Diodeus로 @balexandre가 말했듯이, OS/브라우저 문제입니다. 내 스크린 샷을 확인할 수 있습니다. http://minus.com/lb0aJUR6o2uH78 btw, OS는 무엇입니까?/브라우저? –

+1 그 중 일부는 멋진 표제 등입니다. – Treemonkey

이러한 리소스를 확인해야합니다

2011-10-20 17:37:26

폰트의 렌더링은 웹 브라우저 구현 방법에 따라 달라집니다. 브라우저가 자체 구현으로 렌더링을 처리하거나 브라우저가 운영 체제의 원시 텍스트 렌더링을 사용합니다.

텍스트는 Mac OS X, Ubuntu (Linux) 및 Windows에서 다르게 렌더링됩니다. 당신이 그것에 대해 더 알고 싶다면 여기

다른 OS 년대에 글꼴 렌더링에 대한 링크의 모음입니다 :

2011-10-21 09:12:11 Zolomon

답변