나는 많은 게시물을 보았지만 사람들은 Windows 크롬에서만 부적절하게 렌더링하고 있다고 썼습니다. 제 경우에는 IE를 포함한 대부분의 브라우저입니다. Cleartype은 기본적으로 켜져 있으므로 문제가되지 않습니다.Windows의 Google 글꼴이 들쭉날쭉 해졌습니다.
Windows에서 Google 글꼴을 올바르게 처리 할 수 없다고 생각합니다. 어쩌면 거기에있는 누군가가 해결할만한 해결책이나 합리적인 대체책을 가지고있을 수도 있습니다.
Windows 용 Arial 컴퓨터를 사용하는 것이 현명한 방법입니까? OS 유형을 감지하는 스크립트가 있습니까? 그렇다면 구현해야합니까? 나는 단지 기본 글꼴을 선택해야한다는 것을 알고 있지만, OSX 군중을 기쁘게 할 수도 있을까요?
편집 :
내가 뉴스 사이클을 사용하고 있음을 추가해야합니다. Google 글꼴 웹 사이트 (18px 이하)에서도보기에는 좋지 않습니다.
글꼴을 현명하게 선택하고 항상 테스트하십시오. Google 글꼴은 놀라운 자원이지만 모든 글꼴이 모든 브라우저/플랫폼에서 올바르게 표시되거나 읽을 수있는 것은 아닙니다.
편집 : 글꼴에 관한 Google의 많은 리소스가 있습니다. '글꼴 스택'을 연구해야합니다. 그러면 글꼴 대체 글꼴을 선택할 수 있습니다. 난 단지 크롬에서 문제를 했어 http://coding.smashingmagazine.com/2009/09/22/complete-guide-to-css-font-stacks/
가변적 인 렌더링 문제는 모르지만 대체로 JavaScript의 navigator.userAgent 속성을 사용하여 OS를 검색 할 수 있습니다. 당신은 또한 navigator.appVersion 속성을 사용할 수 있습니다 :
Windows 사용자 에이전트는 예를 NT 6.1은 Windows 7
편집을위한, 문자열 NT x.y가 포함되어 있습니다. 다음은 샘플입니다 :
if(navigator.appVersion.indexOf("Win") != -1)
OS = "Windows";
if(navigator.appVersion.indexOf("Mac") != -1)
OS = "MacOS";
if(navigator.appVersion.indexOf("X11") != -1)
OS = "Unix";
if(navigator.appVersion.indexOf("Linux") != -1)
OS = "Linux";
if(OS == "Windows") {
//add specific styles
}
, 당신은 OS에 따라 요소에 클래스를 추가하는 CSS User Agent를 사용할 수있는 프로세스를 자동화하기 위해.
: IMHO, 정말 조금 오래된 있지만, 여기
꽤 좋은 기사입니다 ... 사용자 에이전트 스니핑이 경우에 필요하다 생각하지 않는다 Windows에서. 해결 방법은 보이지 않는 텍스트에 그림자를 추가하거나 텍스트를 단지 작은 비트를 회전하는 데 사용,하지만 작동이 중지되었습니다에 대한 버전 16. 가끔 다음과 같은 CSS 속성이 일부 글꼴 도움이 될 수 있습니다 것으로 나타났습니다 이후 :-webkit-text-stroke-width: .5px;
네, 사용자가 사용하는 OS가 그들이 읽을 수있는 글꼴을 결정하기 때문에 ... – Brad
전에이 문제가있었습니다. 나는 윈도우 V 6 글꼴 무게를 변경했다 최대 모두 ... 내가 사용하는 구글 글꼴이 너무 얇은되었다 ... [글꼴은 다르게 렌더링 PC 대 MAC을 사용하는 경우]의 – jtheman
가능한 중복 (http://stackoverflow.com/questions/6498855/font-rendering-differently-when-using-mac-vs-pc) – Brad