2013-07-14 27 views
6

Here's a fiddle yazı tipi boyutundan daha küçük karakterler oluşturur. İşteFirefox, bazı Unicode karakterleri ile

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

Firefox'ta olduğu: Ben kötü Safari gibi görünmek için Firefox'u ihtiyaç

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

İşte

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

beklendiği gibi bakarak, Safari'de oluşturulur . Tam olarak burada neler oluyor ve bunun hakkında yapabileceğim bir şey var mı?

+0

Hangi yazı tipleri kullanılıyor? Bunun ana faktör olacağını düşünüyorum. Kullanılan yazı tipi, glifler işlenecek şekilde tanımlanmadıkça, rehberlik olmadan "boyutu değiştirmemelidir". – user2246674

+0

Yazı tipinin önemi yok gibi görünüyor. Yukarıdaki Times New Roman. Üzerinde çalıştığım gerçek site Typekit yazı tipi kullanıyor. Her ikisi de bu problemi sergiliyor. –

cevap

5

Stil sayfanızda belirlediğiniz yazı tipinde bu karakterler bulunmuyor, bu nedenle tarayıcı 'un karakterlere sahip olduğu bazı yazı tiplerine geri dönüyor. Bu geri dönüş karakter-karakter bazında yapılır, böylece farklı karakterler için farklı yazı tipleri kullanılabilir. Özellikle, Times New Roman'ın o yıldız karakterleri olduğundan kuşkuluyum.

Stil sayfanızda kullanmakta olduğunuz karakterlere sahip bir yazı tipini ayarlamanızı öneririm.

+2

Bu durum böyle görünmüyor. Arial bu karakteri içerir, ancak sonuç aynıdır. Firefox'taki yarı boyut, Chrome'a ​​kıyasla. http://jsfiddle.net/WSkHL/1/ –

+0

İlginç. Arial, U + 2605'i içerdiğini iddia etse de, Firefox veya Chrome o glifi benim için o yazı tipinden kullanmıyor: font ailesini Arial'den başka bir şeye dönüştürmek, tarayıcıda her iki tarayıcıda da kullanılan glifi değiştirmez. –

+3

Kapsamlı bir googling ve bazı voodoo sihirlerinden sonra, CSS'ye "Arial Unicode MS" yazı tipini ekleyerek bunu "düzeltebildim". Bu yazı tipi MS Office ile birlikte gelir. Sorun devam edip etmediğini görmek için ofissiz bir makineyi deneyemedim. http://jsfiddle.net/WSkHL/2/ –

İlgili konular