Mi cliente está usando una fuente en la web que no tiene un carácter "+". Tengo un producto que se llama Clean + Fresh en un sitio web de comercio electrónico, y puedo ver que al inspeccionar el elemento, el "+" se está cargando correctamente. El problema es la fuente que no tiene este carácter.
En cambio, obtengo la representación "Clean 1 Fresh" en una página.
¿Hay alguna forma de que un fragmento de código pueda detectar un signo MÁS en una clase CSS específica y luego reemplazar ese carácter con otra fuente que contenga ese carácter, por ejemplo, Arial?
Aquí hay un ejemplo de la entrada CSS del producto:
<h1 itemprop="name" class="product_title entry-title">Clean + Fresh </h1>
Gracias por tu ayuda.
Esto se resuelve fácilmente envolviendo el signo más en un lapso y definiendo una familia de fuentes estándar para él.
h1 { font-family: cursive; } span.plus { font-family: Arial, Helvetica, sans-serif; }
<h1 itemprop="name" class="product_title entry-title">Clean <span class="plus">+</span> Fresh </h1>