2012-01-14 16 views
12

Estoy queriendo usar los caracteres ✖ (U + 2716) y ✔ (U + 2714) en mi CSS para fines de validación de formularios. Básicamente, si un campo es válido/inválido, uso la pseudoclase posterior para insertar el símbolo correspondiente después del campo.¿Es seguro asumir que los usuarios pueden ver caracteres Unicode U + 2716 y U + 2714 en contenido CSS?

Por ejemplo:

.field:after { 
    content: "\2716"; 
} 

Esto está funcionando muy bien en mi Mac, pero cuando cambio a mi instancia de Windows XP VMWare, no consigo los personajes, no importa qué fuente elijo (incluso Arial)

Mi sospecha es que tal vez mi Windows VM no está configurada correctamente, pero eso me hace estar cansado de usar estos caracteres.

¿Alguien sabe si hay caracteres "seguros" o rangos en Unicode que puede suponer confiable que serán visibles para la mayoría de las personas?

UDPATE:

Aquí es una lista de caracteres Unicode que estaba esperando a la posibilidad de poder utilizar como iconos. Específicamente la sección de dingbats. http://en.wikipedia.org/wiki/List_of_Unicode_characters#Dingbats

Si no ve estos caracteres en su máquina, definitivamente hágamelo saber en los comentarios.

+0

posible duplicado de [¿Cuál de los siguientes caracteres Unicode debe usarse en HTML?] (Http://stackoverflow.com/questions/2702447/which-of-the-following-unicode-characters-should-be -used -in-html) (suponiendo que la pregunta principal aquí es acerca de los rangos seguros. Si se trata de caracteres específicos, posible duplicado de otras cosas como [esto] (http://stackoverflow.com/questions/4635683/detect-browser -character-support-in-javascript? lq = 1).) –

Respuesta

10

Además de los problemas de uso de CSS para presentar información esencial (ver CSS Caveats), existe el problema de que los caracteres mencionados a menudo no están disponibles en las computadoras de las personas. El fonts supporting them no contiene ninguna fuente que se envíe con un sistema de Windows, por ejemplo. Existe soporte en Arial Unicode MS, que se envía con Microsoft Office, pero no todos utilizan Office.

Además, los símbolos no son universales. Un símbolo como "✔" significaba mal cuando estaba en la escuela.

Usar "OK" y "error" podría ser mejor, a menos que necesite usar algún otro idioma.

+1

... eso, o símbolos gráficos en 'background-image's. Traen sus propios problemas, pero definitivamente son más seguros que los caracteres Unicode. –

+0

@Jukka ese enlace fileformat.info es ** muy ** útil, gracias. –

+0

Además, un buen punto sobre la casilla de verificación. Estoy usando los iconos principalmente como otra señal visual, pero probablemente me limitaré a usar solo el icono "X" para el caso de error. La mayoría de las formas solo usan texto rojo y un contorno rojo, pero eso no es útil para las personas que son daltónicas. –

0

¿Qué navegador estás usando en tu XP VM? IE6 y 7 no son compatibles con el selector :after, por lo que ese podría ser el problema.

+0

Sí, sé que IE6 e IE7 no son compatibles con las pseudo clases. Estoy usando IE8. Puedo ver ciertos personajes, pero no esos, así que sé que es un problema de fuente. –

Cuestiones relacionadas