cross - ¿Unicode o HTML tienen un doble guillemet vertical(chevron)?
html symbols (4)
¡Puede ser que este sitio te ayude http://shapecatcher.com/ , muy útil!
¿Alguien sabe si hay un símbolo de doble chevron en unicode / HTML-space similar al doble guillemet representado por »
(»)?
En otras palabras, estoy tratando de evitar el uso de una imagen si puedo cumplir con el texto, pero necesito algo como esto:
Es el doble cheurón que parece que no puedo descifrar. Parece gráficos para mí, lo es.
Hay un problema con la rotación. Si aplica rotación (90 grados) y rotación (-90 grados) a dos separados, verá que su posición cambia. Una forma estrafalaria de arreglarlo es aplicar la dirección: rtl así:
No puedo darle la entidad de caracteres que desea, pero es posible efectuar una ... alternativa, y aún no usar imágenes (aunque sí requiere que el texto en sí esté envuelto en un elemento, en este caso):
<span class="shadowed">^</span>
<span class="rotated">»</span>
CSS:
span { /* this is all, pretty much, just for the aesthetics, and to be adapted */
margin: 0 auto 1em auto;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 2em;
font-weight: bold;
color: #000;
background-color: #ffa;
display: block;
width: 2em;
height: 2em;
line-height: 2em;
border-radius: 0.5em;
text-align: center;
}
span.shadowed {
text-shadow: 0 0.5em 0 #000;
}
span.rotated {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
La sección anterior span.rotated
, para la compatibilidad IE <10 (usando filtros, mientras que IE 10 (o posiblemente 9) usaría / debería usar -ms-transform
o, simplemente, transform
CSS3), usando un enfoque de filter
:
span.rotated {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
/* IE < 10 follows */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
Demostración de JS Fiddle (funciona en IE 7 / XP, otras versiones que no puedo probar).
︽ U + FE3D FORMULARIO DE PRESENTACIÓN PARA SOPORTE VERTICAL IZQUIERDO DOBLE ANGULO
︾ U + FORMA DE PRESENTACIÓN DE FE3E PARA SOPORTE DE ÁNGULO DOBLE VERTICAL DERECHO
Sin embargo, requieren una fuente china o japonesa.