Ayuda con Fuente en sitio web

[eljulio]

Tengo una duda y espero me puedan ayudar. Hay un sitio que estoy terminando y aunque el cliente no me lo ha solicitado a mi me gustaría incluir la tipografia dentro del sitio.

Me explico mejor:

Edwuardian Script no es una fuente que venga en todos los ordenadores, por lo que si quisiera que los titulos de las secciones fuesen con ese tipo de letra deberé hacer una imagen jpg con el texto e incluirlo, en un sitio estatico no problem, pero si el sitio es dinamico y las secciones son autoincrementables se me hace un lío y el cliente no sabe usar programas de diseño para hacer los rotulos.

Así que, existe alguna forma de incluir la fuente dentro del sitio para que esté disponible como texto y no como imagen?.

Espero haberme explicado.

Gracias

 

[Fabián Rodríguez]

Mmm, no estoy seguro de que se pueda hacer, si haces el diseño en Flash creo que si se puede. De hecho existe un framework que cambia el tipo de letras sIFR | Mike Industries pero he oído que no es muy recomendable para textos largos.

Saludos!

 

[crystaldream]

re: fuentes titulo bla

En tu CSS agrega esto:

Nota, Se requiere para que la fuente sea visible, que el lector tenga instalado CSS3 en su navegador, ahi la importancia de usar Firefox y no IE 6 o cualquier otro navegador chorizo.

Seleccionando una fuente para embeberla:

@font-face {
    font-family: "Mi Fuente";
    src: url(fuente.ttf);
}

Y para usarla como clase de parrafo:

.fuente {
    font-family: "Mi fuente";
    font-size: 30px;
}

seria como <p class="fuente">El veloz murcielago te va a violar y a comerse tus ojos</p>

O que te cuesta usar el plugin de la imagen (TTFTitles):
Enlace eliminado

CSS 3 Embedding Fonts: Font embedding with css: the @font-face selector ... and more

 

[eljulio]

Funcionó de maravilla, Gracias!!!!

Ese plugin no lo conocía, DOBLE GRACIAS.!!

De todas formas no puedo utilizar ese plugin ya que el sitio que estoy trabajando no funciona bajo wordpress

En tu CSS agrega esto:

Nota, Se requiere para que la fuente sea visible, que el lector tenga instalado CSS3 en su navegador, ahi la importancia de usar Firefox y no IE 6 o cualquier otro navegador chorizo.

Seleccionando una fuente para embeberla:

@font-face {
    font-family: "Mi Fuente";
    src: url(fuente.ttf);
}

Y para usarla como clase de parrafo:

.fuente {
    font-family: "Mi fuente";
    font-size: 30px;
}

seria como <p class="fuente">El veloz murcielago te va a violar y a comerse tus ojos</p>

O que te cuesta usar el plugin de la imagen (TTFTitles):
Enlace eliminado

CSS 3 Embedding Fonts: Font embedding with css: the @font-face selector ... and more