2013-07-14 2 views
6

Here's a fiddle보다 작게 렌더링합니다. 여기Firefox는 일부 문자를 일부 유니 코드 문자와 함께 글꼴 크기

In Safari, the filled and open star characters are of a size with surrounding text

파이어 폭스에 있습니다 : 나는 심하게 사파리처럼 보이도록 파이어 폭스 필요

In Firefox, they are considerably smaller than the surrounding text.

여기

<p>★★★½☆</p> 

그것은 예상대로보고, Safari에서 렌더링 . 여기 정확히 무슨 일이 벌어지고 있고, 내가 할 수있는 일이 있습니까?

+0

어떤 글꼴이 사용되고 있습니까? 나는 그것이 주요한 요인이라고 생각한다. 글리프가 렌더링되도록 정의되어 있지 않으면 사용 된 글꼴이 지침없이 "크기가 변경되지"않아야합니다. – user2246674

+0

어떤 글꼴이 중요하지 않은 것 같습니다. 위의 내용은 Times New Roman입니다. 실제 사이트에서 Typekit 글꼴을 사용하고 있습니다. 두 가지 모두이 문제를 나타냅니다. –

답변

5

스타일 시트에서 설정하는 글꼴에 해당 문자가 없기 때문에 브라우저는 문자가있는 글꼴로 대체됩니다. 이 대체는 문자 단위로 수행되므로 서로 다른 글꼴을 다른 문자에 사용할 수 있습니다. 특히 Times New Roman이 그러한 별표 문자를 가지고 있는지 의심 스럽습니다.

스타일 시트에 실제로 사용하고있는 문자가있는 글꼴을 설정하는 것이 좋습니다.

+2

그럴 것 같지 않습니다. Arial에는이 문자가 있지만 결과는 같습니다. Firefox와 Firefox의 절반 크기 http://jsfiddle.net/WSkHL/1/ –

+0

흥미 롭습니다. Arial이 U + 2605를 포함한다고 주장하는 동안 Firefox 나 Chrome은 그 글꼴에서 그 글자를 사용하지 않습니다. Arial에서 다른 글꼴로 글꼴 모음을 변경해도 브라우저에서 사용중인 글립 문자가 변경되지 않습니다. –

+3

광범위한 검색 기능과 일부 부두 마법을 통해 CSS에 "Arial Unicode MS"글꼴을 추가하여 "수정"할 수있었습니다. 이 글꼴은 MS Office와 함께 제공됩니다. 문제가 지속되는지 알기 위해 사무실이없는 기계에서 시도 할 수 없었습니다. http://jsfiddle.net/WSkHL/2/ –

관련 문제