2010-12-13 6 views
-1

누군가이 페이지를주의 깊게 볼 수 있습니까? 이 페이지에서 글꼴을 수정하려고합니다. 나는 이전 프로그래머가 폰트에 어떤 역할을했는지 모른다. 서비스 보증서비스 기능의 녹색 패널에서 제목을 볼 수 있습니다. 텍스트 가장자리는 누군가가 시소로이 글꼴을 자르는 것과 같습니다. 페이지의 다른 부분에서도 마찬가지입니다. 그들은 매끈하게 보입니다.글꼴 문제 CSS/html

ff 및 ie8의보기 페이지 (widows xp).

+0

나를 잘 보입니다 –

+0

글꼴의 가장자리를 볼 수 있습니까 ?? 가장자리가 매끄럽지 않습니다. – mysterious

+1

css/html이 다르게 교차 브라우저로 표시되기 때문에 문제를 해결하려면 Windows, Mac OS X 등 어떤 플랫폼을 사용하고 있으며 어떤 브라우저를 사용하고 있는지에 대한 자세한 정보를 제공해야 할 수도 있습니다. IE, Chrome, Firefox, Safari .... –

답변

3

나는이 섹션들이 앤티 앨리어싱되지 않았 음을 의미한다고 생각합니다. 이것은 브라우저에 텍스트를 표시 할 때 사용자가 제어 할 수있는 것이 아니며 실제로는 브라우저 및 OS에 의존합니다.

사용자가 부드러운 글꼴을 사용하는 것이 중요하다면 이미지 프로그램에서 이미지에 앤티 앨리어스를 적용하고 텍스트 대신 이미지를 사용할 수 있습니다. 그러나 이는 매우 비효율적이며 페이지를 업데이트하는 데 큰 어려움을 겪습니다.

간단히 말해서이 문제를 해결할 수있는 방법은 없습니다. 자세한 내용은 this SO question을 참조하십시오.

1

firebug을 사용하면 웹 페이지에 사용 된 스타일과 html 태그를 볼 수있는 firefox 플러그인입니다. 웹 페이지에 사용 된 CSS를 방화범으로 편집 할 수도 있습니다.

1

내 브라우저에서 페이지가 정상적으로 표시됩니다 (Windows에서는 Chrome).

다른 브라우저는 모두 텍스트를 다르게 렌더링합니다. 당신이 발견 할 수있는 것은 글꼴 크기가 종종 다른 글꼴보다 더 좋아 보이는 달콤한 점이 있다는 것입니다. 어쨌든 당신이 말하는 것은 브라우저가 앤티 앨리어싱 된 글꼴을 표시하는지 여부입니다.

CSS3 속성 인 font-smooth이 있지만이를 조정할 수는 있지만 어쨌든 글꼴을 부드럽게하지 않는 브라우저에서는 작동하지 않을 것으로 예상됩니다. 여기에서 읽을 수 있습니다 : http://webdesign.about.com/od/styleproperties/p/blspfontsmooth.htm

간단히 말해서 걱정할 필요가 없습니다. 큰 문제인 경우 다른 글꼴과 크기로 실험하십시오. 이렇게하기위한 좋은 도구는 http://www.typetester.org/

test your site at BrowserShots.org을 잊지 마세요. 그것은 당신을 위해 화면 캡처를 할 것이므로, 당신은 다양한 플랫폼에서 이러한 세부 사항을 확인할 수 있습니다.

글꼴을 특정 방식으로 렌더링해야하는 경우 이미지에서 수행해야합니다. 권장하지 않습니다. 텍스트는 가능한 한 텍스트 여야합니다. 그러나 이렇게해야하는 경우 스크립트를 지원하지 않는 브라우저에서 텍스트를 보관할 수 있도록 많은 스크립트 중 하나를 고려하면 SEO는 문제가되지 않습니다. Typeface.js이 일반적으로이 용도로 사용됩니다.