[BUG] el emoticon de dolar crypto es un cuadrado 🪙

[JackER4565]

Describí el bug
el dolar crypto no tiene un emoticon como el resto,

¿Qué pasos seguiste para llegar al bug?

1. Entrar al menu de steamcito
2. Abrir dropdown metodo de pago
3. Apareció el error

Capturas de Pantalla

Comentarios adicionales
capaz se puede usar este: ₿ o este 🥮 o la bolsa 💰

[Squaredude]

Pasa lo mismo cuando usás los emojis "retrocompatibles"? (La segunda opción en la sección "Opciones visuales")

Podés ver este emoji? >>> 🪙

Por lo menos yo puedo verlo correctamente en Steamcito 3.61, tanto en Firefox como en Vivaldi. Estoy usando la fuente Noto en Linux.

[JackER4565]

Pasa lo mismo cuando usás los emojis "retrocompatibles"? (La segunda opción en la sección "Opciones visuales")

Podés ver este emoji? >>> 🪙

Por lo menos yo puedo verlo correctamente en Steamcito 3.61, tanto en Firefox como en Vivaldi. Estoy usando la fuente Noto en Linux.

Ahí probe y en ambos modos veo el cuadrado, acá también, ese que mostras lo veo como un cuadrado.

[Squaredude]

Habría que ver cuál fuente es la que estás usando, ya que los emojis dependen de eso. Hay fuentes que no están actualizadas. Por ejemplo, en Windows 10 recuerdo que la fuente había quedado desactualizada y no incluía los nuevos emojis (y creo que el emoji de la moneda justo no está en la versión de la fuente Segoe UI Emoji que usa Win10).

Fijate si podés bajar la fuente Noto Color Emoji (de Google), que está más actualizada: https://github.com/googlefonts/noto-emoji

[JackER4565]

Habría que ver cuál fuente es la que estás usando, ya que los emojis dependen de eso. Hay fuentes que no están actualizadas. Por ejemplo, en Windows 10 recuerdo que la fuente había quedado desactualizada y no incluía los nuevos emojis (y creo que el emoji de la moneda justo no está en la versión de la fuente Segoe UI Emoji que usa Win10).

Fijate si podés bajar la fuente Noto Color Emoji (de Google), que está más actualizada: https://github.com/googlefonts/noto-emoji

sabes que si puede ser, yo tengo windows 10 y estoy en el chrome de siempre!

[Squaredude]

Mala mía, con el link anterior.

Acá sería el verdadero link para bajar: https://fonts.google.com/noto/specimen/Noto+Color+Emoji

Es medio confuso, pero tenés que agregar la fuente a una especie de carrito y después la bajás.

(Hacer click en "Get font")

(Hacer click en el ícono de descarga, abajo de "Remove all")

Ahí se descarga un archivo ZIP, adentro está la fuente. Parece más grande de la que bajé del Github, así que debe ser mejor. 🤷🏻‍♂️ Si mal no recuerdo, en el Explorador de Windows, solamente necesitás hacer doble click, o click derecho e "Instalar...".

Edit: Por otro lado, @emilianog94 , no sé si la extensión puede hacer embedding de las fuentes? O si ya lo hace, no miré el código. 😅 Pero ahí en el link de Google hay información al respecto. No sé si aplica a las extensiones.

[emilianog94]

Hola @JackER4565 !

Tal como comentó @Squaredude esto se debe a que la versión de Windows 10 es muy vieja y la fuente predeterminada no tiene compatibilidad con algunos emojis como el de la moneda.

@Squaredude , creo que es una excelente idea hacer embed de la font en la extensión, esto es posible. Sin embargo hay un problema: la fuente de Noto Color Emoji es pesadísima, 24mbs para usar solamente tres emojis.

Voy a ver si existe alguna forma de desempaquetar la fuente y recompilarla solamente con los tres emojis necesarios así la subo a la extensión y la tomo por default. Estaría genial que se pueda hacer , lo voy a investigar y probar en una compu con W10!

Muchas gracias, dejo el issue abierto para novedades!

[emilianog94]

Je, acabo de pasar como 2hs usando software para decompilar y recompilar fonts (sin éxito porque al ser una font unicode no mantiene estilos ni colores)

Ya pude encontrarle la vuelta, era mucho más fácil!
Google Fonts permite hacer subsetting (tomar sólamente los caracteres que necesitás) directamente desde su CDN.

Ejemplo: https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&text=%F0%9F%AA%99%F0%9F%A7%89%F0%9F%92%B2

Con hacer embed del kit provisto por Google Fonts anda perfecto y pesa solamente 3kbs

@JackER4565 esta semana lo estoy comitteando al repo!

[emilianog94]

Buenas @JackER4565 , podrás probar si te funciona correctamente ahora?

Podés descargar la nueva versión desde la branch feature/noto-emojis
https://github.com/emilianog94/Steamcito-Precios-Steam-Argentina-Impuestos-Incluidos/tree/feature/noto-emojis

[Squaredude]

No soy jack 😜, pero te comento que justo tengo una VM con Windows 10 así que decidí probar.

Pareciera que funciona. Comparé con la versión 3.61 y pude ver el cuadrado con esa versión, como era de esperarse.

Con el branch noto-emojis, la moneda aparece correctamente.

Lo único que noté es que en el menú donde se selecciona el método de pago, no aparecen los emojis:

No sé si decidiste sacarlos de ahí o es un bug.

[emilianog94]

Gracias por confirmar @Squaredude !

Quité los emojis del selector porque en HTML no podés poner múltiples selectores HTML adentro de un tag "option", es decir no es posible mezclar dos fonts distintas.

[Squaredude]

De nada! 😄

Quité los emojis del selector porque en HTML no podés poner múltiples selectores HTML adentro de un tag "option", es decir no es posible mezclar dos fonts distintas.

Ahhh, bien!

Y se podría poner el emoji al lado del drop-down después de seleccionar la opción?

[emilianog94]

Buenas @Squaredude !

Encontré una forma más sencilla de solucionarlo.

¿Podrías descargar nuevamente la versión de la branch https://github.com/emilianog94/Steamcito-Precios-Steam-Argentina-Impuestos-Incluidos/tree/feature/noto-emojis y probarlo nuevamente en la VM con Windows 10 y confirmarme si ves bien el emoji en el selector de método de pago? Muchas gracias

[JackER4565]

buenas! disculpen el cuelgue!!!
baje recien recien la versión de la rama "noto-emojis" y aparece con el cuadrado aun: