Google 크롬에 제대로 표시되지 않는 글꼴

Question

Chrome에 이상한 문제가 있습니다. @ font-face를 사용하여 글리프콘과 다른 글꼴 (BYekan)과 함께 부트 스트랩을 사용합니다.

때때로 glyphicons 및 BYekan 글꼴이 나타나야하며 때로는 그 글꼴 대신 사각형이 나타나고 마우스를 사각형 위로 가져 가면 올바른 모양의 글리 phicon과 내 글꼴 BYekan이 나타납니다.

나는 적당한 질문이 없다고 생각하는 일러스트레이션 (glyphicons icons not get suitable for chrome)으로 나의 질문의 거의 정확한 사본을 언급하고 있습니다.

Windows 컴퓨터에서 Chrome 버전 32를 사용하고 있습니다. 또한 부트 스트랩을 기반으로하는 인기있는 플랫 UI를 사용하고 있으며 동일한 문제가 웹 글꼴 아이콘에도 적용됩니다.

저는이 문제가 제 디자인을 뒤 흔드는 것이라고 생각합니다. 저는 정말로 걱정하고 있습니다. Flat UI 또는 BYekan 글씨체를 없애는 것이 해결책이 아니라 테이블에서 벗어 났음을 분명히 밝힙니다.

Answer 1

또한이 문제는 부트 스트랩 전원 공급 사이트 (트위터가 주목할만한 사례입니다)에서 경험했습니다. 이것은 a known Chromium issue과 관련이있을 가능성이 큽니다. 수정 된 것으로보고되어 Chrome 33에 포함될 예정입니다.

Answer 2

해결책을 찾았습니다!

텍스트에 font-size을 설정하지 않으면 기본 글꼴 크기는 1em입니다. 그리고 외관상으로는 크롬에는 몇몇 글꼴을위한이 글꼴 크기에 대한 문제가있다!

그래서 단지 (예를 font-size: 1.001em에 대한) 다른 사용자의 font-size 뭔가를 설정하고 글꼴이 제대로 표시됩니다 :)