Cambiar fuentes por imagenes

[javierconesa23]

Hola !!
a ver si me puedo explicar para que me entiendan
lo mejor es que tomen el ejemplo de esta pagina:

redcon.es

aqui si se fijan en los precios de los productos no son fuentes de texto , cada numero es una imagen , una img para el 1 una para el 2 etc..
bueno yo tengo una tienda en prestashop y me gustaria hacer esto pero al editar el precio solo me coge texto.
No se sieexiste una posibilidad de crear un script o regla para que en una area determinada de la web cuando hayqa dichas fuentes ejemplo: 0123456789, asigne una imagen a cada fuente.

Espero haberme explicado bien.

Gracias de antemano!!

[cachusan]

Código PHP:

<?php
 
function imgReplace ($ReplaceText)
{
  $Numbers=array(
    '1' => "<img src='/images/1.png' />",
    '2' => "<img src='/images/2.png' />",
    '3' => "<img src='/images/3.png' />",
    '4' => "<img src='/images/4.png' />",
    '5' => "<img src='/images/5.png' />",
    '6' => "<img src='/images/6.png' />",
    '7' => "<img src='/images/7.png' />",
    '8' => "<img src='/images/8.png' />",
    '9' => "<img src='/images/9.png' />",
    '0' => "<img src='/images/0.png' />"
  );
 
  $number = str_replace(array_keys($Numbers), array_values($Numbers), $ReplaceText);
 
  return $number; 
}
 
$precio = '123';
 
echo imgReplace($precio);
 
?>
 

Saludos

[pzin]

Yo creo que sería más fácil y más correcto aplicar algo de CSS. Con @font-face puedes usar prácticamente la fuente que quieras en tu sitio web, y luego darle el resto de estilos que hagan falta. En los últimos años CSS trae muchas cosas nuevas con la que se pueden hacer casi de todo.

Según tu ejemplo, algo muy básico sería usar múltiples sombras para crear un texto con bordes.

Código CSS:

.clase {
  font-size: 3em;
  color: white;
  text-shadow:
  -1px -1px 2px firebrick,  
   1px -1px 2px firebrick,
  -1px 1px 2px firebrick,
   1px 1px 2px firebrick;
}
 

Funcionando: http://jsfiddle.net/dzTHa

Pienso que es más recomendable que hacer lo que pretendes hacer. Que lo hagan los demás no significa que sea lo mejor.

[javierconesa23]

Muchas gracias a los dos , me habeis solucionado dos cosas a la vez ,!!!
mil gracias