좋아, 여기 내 문제는 Google 웹 글꼴을 사용하면 모든 브라우저가 엉망이 될 것입니다.Firefox가 모노 간격의 글꼴을 올바르게 렌더링하지 못했습니다.
Firefox는 Droid Sans Mono을 좋아하지 않습니다. 특히, 굵은 글씨체는 굵은 글씨로 표시됩니다 (WIDER). 굵은 글씨는 굵은 글꼴보다 굵게 표시됩니다. 이는 JS에서 터미널 기반 해킹 게임을 만들 때 매우 불편한 것으로 판명됩니다.
당신은 부팅 순서에 의해 통과하는 상단에있는 상태 표시 줄을보고 한 후, 몇 초 정도 기다린 여기에서 좀 걸릴 수 있습니다 : 그래서 지금은에있어,
http://dl.dropbox.com/u/2332843/os/os.html
음 파이어 폭스가 모든 것을 올바르게 렌더링하게하는 방법이나 Droid Sans Mono에 대한 좋은 대안 중 하나를 검색하십시오.
이상적으로 자체 굵은 글꼴이 필요한 글꼴이 필요합니다. 굵은면은 실제 대담한면이없는면의 경우 사용 도구에 의해 종종 합성됩니다. 참조 :
http://www.w3.org/TR/css3-fonts/#font-weight-the-font-weight-property
하나는 이러한 고정 폭 글꼴이 DejaVu Sans Mono입니다. 이 글꼴은 문자를 같은 너비로 렌더링하는 일반, 굵게 및 기울임 꼴 변형을가집니다. 10px의 글꼴 크기로 읽을 수 있습니다. 크롬에서 볼 때 가치가 무엇인지에 대한
alt text http://img245.imageshack.us/img245/8166/dejavub.png
IE에서 "더 작은"문제가 있지만, 조건부 및 Android 글꼴로 서비스를 제공 할 것입니다. :) –
그건 저에게는 효과가 없었습니다. 대담한 글꼴 변형이있는 글꼴 (예 : Roboto Mono, DejaVu Sans Mono 등)은 잘못된 너비를 표시합니다. Gerrit에서 코드 diff를 보는 데별로 귀찮습니다. 나는 FF 52.1.0 ESR에 붙어 있었고, 효과가있는 유일한 것은 FF Add-on Stylish를 통해 대담한 스타일을 제거하는 것이 었습니다. – lineinthesand
실제로 FF 스타일러스 애드온을 사용하여 더 나은 솔루션을 찾았습니다. FF 환경 설정에서 모노 스페이스 글꼴에 사용하는 것과 동일한 제품군으로 글꼴 패밀리를 다시 작성했습니다. font-family : Roboto Mono. 그것으로 CSS 코드에서 마술처럼 정확하게 렌더링됩니다. – lineinthesand
, 구글의 샘플 페이지는 대담하고 정상 사이에 지속적으로 렌더링합니다. 또한 FF 3.5.9에서 간격이 변경되었음을 확인합니다. –