Ver Mensaje Individual
  #18 (permalink)  
Antiguo 06/09/2011, 11:31
Avatar de Naahuel
Naahuel
 
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 1 mes
Puntos: 192
Respuesta: Fuente de letra

Exportá las imágenes del Photoshop y colocalas de fondo con CSS.


Ejemplo:

Título
Código HTML:
Ver original
  1. <h1 class="titulo novedades">Novedades</h1>

CSS
Código CSS:
Ver original
  1. .titulo{
  2. /*estilos para todos los titulos*/
  3. height: 40px; /*por ejemplo */
  4. width: 375px;
  5. text-indent:-3333px; /*ocultar el texto*/
  6. /* instrucciones extras para asegurarnos que el texto no se vea*/
  7. font-size:0px;
  8. line-height:0px;
  9. }
  10. /* estilos para titulos especificos */
  11. .titulo.novedades{background:url(images/novedades.png);}

De esta forma nos aseguramos que se vea bien, además de que el texto esté en el HTML (cosa que es importante).

Para exportar las imágenes te recomiendo PNG8 o GIF si tenés menos de 256 colores o bien PNG32 si tenés gradientes o imágenes más complejas. Si realmente querés que se vea bien, no exportes imágenes con texto en JPG.

Un saludo :)
__________________
nahueljose.com.ar