CSS 글꼴 크로스 브라우저 호환성

Question

Ive는 CSS 리셋 시트 및 기타 몇 가지 기술을 언급 한 CSS 상호 호환성에 대한 자습서를 읽었지 만 글꼴이 여러 개있는 동일한 웹 사이트를 만들 수 있어야합니다. 브라우저. 저는 pt에서 px로 전환했고 약간 도움이되는 몇 가지 다른 기술을 통합했습니다. 누구든지 더 좋은 기법을 알고 있습니까?

감사

Answer 1

나는 당신이 이야기하는 방법을 정확히 모르겠지만, 결코 (픽셀로) 정확하게 될 것없는 것 모든 브라우저에서 동일한. 예를 들어 OS X은 Windows보다 글꼴을 더 넓게 만드는 경향이 있습니다 (텍스트를 앤티 앨리어싱하는 방식으로 인해). 레이아웃에 따라 브라우저마다 글꼴이 다를지라도 글꼴이 약간 씩 다를 수 있습니다. 글꼴은 때로는 여러 픽셀을 추가 할 수 있습니다.

Answer 2

정확히 (크기 및 전체)으로 표시하고 머리글 만 말하는 경우 이미지를 사용해 볼 수도 있습니다.

그래도 @font-face 및 일부 생성 된 글꼴이 사용됩니다.

여러 개의 브라우저에 대한 개별 글꼴 파일을 생성하는 FontSquirrel을 확인하십시오.

http://www.fontsquirrel.com/fontface

Answer 3

typekit는 이미 언급 한 것들 옆에 당신을위한 해결책이 될 수 있습니다.

https://typekit.com/

당신은 사용자의 컴퓨터는 실제로 자신의 컴퓨터에 이러한 글꼴이있는 경우가 선택하는 글꼴을 표시 할 수 있음을 알고 있어야합니다.

f.e font-family: "Super Font", Helvetica, sans-serif; 당신은 그들이 자신의 컴퓨터에 그것을 가지고하지 않을 수 있습니다 원인이 사용자의 컴퓨터가이 정확한 글꼴을 표시하지 않습니다 "슈퍼 글꼴"라는 글꼴을 선택이 끝난 경우

. 귀하의 CSS에서 사용자의 컴퓨터가 이제는 대체로 "Helvetica"를 보게 될 것입니다. 대부분의 컴퓨터가 컴퓨터에 가지고 있으므로 "Helvetica"가 표시됩니다. "Helvetica"도 사용할 수없는 경우 사용자 컴퓨터는 산세 리프 글꼴을 표시합니다. 네이트 B가 이미 언급 한 바와 같이 그들이 다르게 렌더링 얻을 원인 그들의 모양과 글꼴 무게에 약간의 차이가 있음을, Link

이미 참조 :

여기에 일반적인 폰트의 목록입니다.

"슈퍼 글꼴"을 사용하려는 경우 이미 제이슨 겐 나로가 추천 한 http://www.fontsquirrel.com/fontface을보십시오. 거기에 많은 무료 글꼴에서 글꼴을 선택할 수 없을뿐만 아니라 @ font-face 생성기를 사용하여 자신의 글꼴을 업로드하고 CSS로 바로 만들 수 있으므로 모든 컴퓨터에서 사용할 수 있습니다. 그것들을 표시 할 수 있어야합니다 (@ font-face가 지원되는 한 Link까지). 이미 잘 지원 되더라도 항상 대체 글꼴을 선언하십시오.이것 좀 봐, 당신은 조금 더 깊이 파고 다른 장치를 통해 글꼴 크기를 제어하는 ​​방법을 알아 싶다면 Link

:

그리고 여기에는 글꼴 크기를 선언 할 수있는 다른 방법에 대한 좋은 블로그 게시물입니다 기사 : Link