color - ¿Cómo evito que iOS convierta un pequeño carácter de triángulo que señala hacia la derecha en un símbolo de triángulo rectángulo encuadrado?

ionic footer

Question

He intentado ingresar el pequeño triángulo que señala hacia la derecha y los caracteres de la flecha hacia la derecha, ambos se convierten por iOS en iconos rectangulares con un triángulo rectángulo y una flecha hacia la derecha, respectivamente. ¿Puedo declarar una fuente diferente para evitar que esto suceda? ¿O hay una configuración predeterminada que necesito apagar?

Todo lo que se quiere es un pequeño triángulo derecho que apunta negro:

Hexadecimal decimal
▸ 9656 ▸ 25B8

Aquí está el código:

NSString *title = [NSString  stringWithFormat:@"%d payments of %@ ➡ ▶", duration, [Utils formatPrice:payment]];
   [button setTitle: title forState: UIControlStateNormal];

Cualquier sugerencia sera apreciada.

Answer 1

Ese parece ser el glifo de la fuente del sistema para 25B8. Asumiría que lo mismo sucedería con 2B05 (Flecha negra hacia la izquierda) y 25C0 (Triángulo apuntando hacia la izquierda negra). Están aparte de la manzana Emoji.

Es posible que desee intentar utilizar una fuente diferente.

Espero que ayude.

Answer 2

Fue un poco difícil obligar al navegador a representar la Entidad HTML en iPads / iPhones, pero logré encontrar la solución, y aquí está el truco.

En lugar de usar entidades HTML directamente:

&#9664; <!-- ◀ BLACK LEFT-POINTING TRIANGLE -->
&#9654; <!-- ▶ BLACK RIGHT-POINTING TRIANGLE -->

Creé elementos de apoyo en HTML, con las clases:

<span class="left-pointing-triangle">&nbsp;</span>
<span class="right-pointing-triangle">&nbsp;</span>

Con el uso de CSS ::after pseudo-element hizo el reemplazo del contenido:

.left-pointing-triangle::after {
  content: "/25C0 /FE0E";
}
.right-pointing-triangle::after {
  content: "/25B6 /FE0E";
}

La parte importante es usar el content: "/25C0 /FE0E" , en lugar de solo el símbolo del content: "/25C0" . Funciona perfectamente en iPads y iPhones de diferentes versiones de iOS.

Answer 3

No se trata de cambiar la fuente, sino de la variación de Unicode. En Unicode 6.1, un punto de código Unicode puede tener múltiples glifos, y puede elegir aquellos que utilizan los selectores de variación.

Para más o menos emoji, puede usar U + FE0E (@ "/ U0000FE0E") para elegir el gráfico de estilo de texto. (Y, U + FE0F (@ "/ U0000FE0F") es para Apple Color Emoji).

Por ejemplo, el punto de código Unicode de LEFT-POINTING TRIANGLE es U + 25C0 (@ "/ U000025C0"), y puede especificar no usar Emoji de color de Apple sino un símbolo que no sea de color como @ "/ U000025C0 / U0000FE0E".

Además, hay cierta diferencia entre el emulador de iOS (para iOS6 en Mountain Lion) y el dispositivo real (iOS6) sobre el manejo del Selector de variaciones, probablemente porque Mountain Lion tiene más soporte para Unicode 6.1, supongo.

Por ejemplo, si no especifico los selectores, veo un triángulo sin color en el dispositivo iOS6, pero un triángulo de color Apple en el simulador iOS6 (en Mountain Lion), para UIBarButton.

Por lo tanto, es bueno verificar tanto el simulador como el dispositivo real, pero parece más seguro usar los selectores de variación Unicode de todos modos.

Answer 4

Para mostrar el emoji de la flecha derecha negra, debemos elegir ▸ en lugar de ▶ o ► con el fin de evitar Apple Emoji

▸ es más pequeño que los otros dos, pero puede establecer el font-size para ajustarlo. Funciona para mi.

Answer 5

Yo uso estos caracteres Unicode para evitar que el iOS juegue:

Triángulo rectángulo: ► (& # x25ba)

Triángulo izquierdo: ◄ (& # x25c4)