CSS diferente no Chrome e Safari

[marcelo2605 10]

Apesar dos dois navegadores usarem webkit, percebi uma diferença drástica ao testar o seguinte css no windows:

 

.menuIcon{
color:#5F9876;
float:right;
margin-right:5px;
font-size:12px;
width:10px;
}

<div class="menuIcon">◆</div>

 

Alguém sabe como resolvo isso?

[crf_h0m3r 5]

Não tenho o Safari pra testar aqui, apenas o Chrome, e pelo o que vi, ficou normal, tem como disponibilizar um print de como fica? O losango apareceu normalmente, mas ao invés de colocar o símbolo em si, tente coloca o código que ele é gerado, no caso ◊. Dá uma olhada: Caracteres especiais

[marcelo2605 10]

A única diferença é o tamanho. No Safari ficou maior.

 

Olhei na lista que você me mandou mas não tem o que eu preciso. O que tem é vazado. Mas obrigado

[André do Vale 76]

É o losango. Tamanhos diferentes em alguns caracteres especiais de acordo com o navegador. Tente usar este outro losango:

 

♦

 

:thumbsup:

[marcelo2605 10]

André, acabei usando uma imagem porque o projeto exigia que fosse um quadrado a 45 graus e o losango.