down - Los caracteres especiales Unicode aparecen de manera diferente en Firefox vs. Chrome/IE
unicode symbols emoji (2)
Estoy tratando de encontrar una manera de hacer que los dingbats aparezcan exactamente iguales
Nunca hará que las fuentes se vean exactamente iguales en todos los navegadores, ya sea que los caracteres en cuestión sean Dingbats o no.
Para mí, la mayoría de los personajes en esa página no se representan en IE o WebKit. IE tradicionalmente tiene un retroceso de fuente más pobre que el promedio y Firefox suele ser mejor que el promedio. La fuente que Firefox y Opera logran elegir para renderizar los símbolos es Meiryo (una fuente japonesa instalada con Windows Vista y posterior). En IE y WebKit, se recurre a la selección de símbolos mucho más limitada disponible en Arial, dejando a la mayoría de los personajes ausentes.
Por lo tanto, para tener la mejor posibilidad de representar caracteres de símbolos de la forma que desee, haga lo mismo que hace con cualquier otro personaje y especifique la fuente que desea, p. Ej. font-family: Meiryo CSS font-family: Meiryo . Pero, por supuesto, cualquiera que no tenga esa fuente instalada obtendrá algo diferente, y la configuración del navegador / sistema operativo puede cambiar la forma en que se procesan las fuentes en general.
Los caracteres de símbolos del conjunto de Zapf Dingbats no son seguros para usar en la web, ya que los conjuntos básicos predeterminados de fuentes instalados por los sistemas operativos generalmente no incluyen glifos para la mayoría de ellos. (''Wingdings'' en Windows sí, pero es una fuente heredada con una asignación personalizada que coloca los símbolos en caracteres ASCII en lugar de donde deberían estar en Unicode, así que tampoco es seguro usarlos en la web).
Hay algunos caracteres de símbolos con los que normalmente puede salirse con la costumbre de usar conjuntos de fuentes comúnmente disponibles, por ejemplo:
● ■ ☺ ☻ ♥ ♦ ♣ ♠ • ▲ ▼
otros, trataría de evitar.
Estoy tratando de encontrar la manera de hacer que los dingbats aparezcan exactamente iguales en Firefox, Chrome, Safari e IE.
Noté que los Dingbats aparecen iguales en IE / Chrome / Safari, SIN EMBARGO, en Firefox parecen "más delgados". Por ejemplo, intente visitar la siguiente página: http://en.wikipedia.org/wiki/Dingbat Notará que al ver esa página en Firefox, los personajes se ven diferentes en comparación con Chrome / IE.
¿Alguien sabe por qué y cómo puedo hacer que Firefox muestre los personajes EXACTAMENTE como aparecen en Chrome / IE?
Interesante ... En una máquina MacOS X 10.6.6 con Firefox 3.6.13 y Chrome 8.0.552.231, las páginas de Wikipedia hacen que la primera tabla, la ITC Zapf Dingbats, sea ligeramente diferente. El efecto es más notable en el semicírculo sólido en la esquina inferior izquierda del conjunto de caracteres.
La tabla principal de Unicode Dingbats representa casi lo mismo; Firefox genera cuadros que contienen los 4 dígitos hexadecimales del personaje faltante para los símbolos faltantes, pero Chrome solo genera cuadros vacíos, prefiero la técnica de Firefox.
Los navegadores deben usar fuentes ligeramente diferentes o tamaños de letra ligeramente diferentes (aunque no puedo detectar una diferencia de tamaño a simple vista). No he visto el HTML que se está procesando.
En general, creo que esto está dentro del ámbito de la "variación permisible", pero no soy un experto. Sospecho que tiene un mundo de preocupación por delante si exige una similitud píxel por píxel entre los navegadores. La preocupación debería ser transmitir el mensaje claramente.