firefox和chrome中的明星字體的字體大小

Question

我正在嘗試this解決方案獲得星級評分。

有人可以解釋爲什麼星星在Chrome中比在Firefox中大得多嗎？ （我知道webkit和gecko不時會做不同的事情，但有很大的區別？）

並且有人提出了一個關於如何解決這個問題的建議？

---

更新： 這是不同的是在我的Mac有多大：

Answer 1

您正在看到不同瀏覽器中不同字體的字符。一個字符的大小可能非常靠字體（即使字體大小相同）。

該技術使用字符「★」U + 2605 BLACK STAR和「☆」U + 2606 WHITE STAR，僅存在於幾個​​中。如果相關元素上的font-family屬性沒有提及包含這些字符的任何字體，則瀏覽器將（或至少應該）使用某種備份字體，並且不同的瀏覽器使用不同的備份字體列表。

您可以通過在font-family列表中列出合適的字體，使同一系統中的不同瀏覽器對字符使用相同字體的可能性更高（雖然不確定）。即使如此，結果也會因系統而異，具體取決於所安裝的字體集。而在某些系統中，渲染甚至可能會失敗，因爲沒有字體包含這些字符。

這個問題可以通過使用可下載的字體來解決，但這可能在這裏矯枉過正。

的實際解決方法是使用只是圖像，與元件的像<img src=star.png alt=star>和<img src=whitestar.png alt="">或（爲了更好的可訪問性），其中包含分的特定數目，像<img src=stars4.png alt="four stars out of five">一個預先製作的圖像的序列。

Answer 2

可能是真奇怪，你..但是，我發現在瀏覽器中的任何差異。

找到附加的圖像。

Answer 3

不同瀏覽器中的字符可能有所不同。使用圖像作爲明星。不是字符。 http://i.imgur.com/I2x2Yld.png use {content：'';背景：url（....）no-repeat;}

Answer 4

我有同樣的問題，並發現使用U + 2B51和U + 2B52（「黑小星」和「黑白星」）在Chrome和Firefox之間一致顯示。 （儘管還沒有在其他瀏覽器和瀏覽器版本上徹底測試過。）