Mostrar texto con tipografia no instalada

[Tecktonikrazy]

No sabia si poner el tema aqui. Quiero saber como hago para que los visitantes de mi sitio puedan ver un texto que tengo con una tipografia llamada "Candice" que no todas las computadoras tienen ya que la tienes que instalar en tu PC, y si al texto le pongo ese tipo de fuente y no la tienen instalada, se vera con otra, creo que arial o no me acuerdo cual aparece por defecto, pero yo quiero que se vea con "Candice" sin necesidad de que la tengan que instalar.

[caricatos]

Tema movido desde javascript

Busca info sobre font-face...

Saludos

[JessicaTJ]

Utiliza font-face:

Código CSS:

font-face {
    font-family: Candice;
    font-weight: bold;
    src: url('Candice-Bold.ttf');
}
 

Y para llamarla

Código CSS:

h3 { font-family: Candice, sans-serif; }
 

[pleter]

momento que soy lento!
que esta queriendo decir?
que se puede usar fuentes que no tengas instalada la "pc del cliente" y que la fuente este en el servidor y entonces lo ve con el formato de la fuente?

[JessicaTJ]

Iniciado por pleter

momento que soy lento!
que esta queriendo decir?
que se puede usar fuentes que no tengas instalada la "pc del cliente" y que la fuente este en el servidor y entonces lo ve con el formato de la fuente?

Sip, gracias a CSS3 que ahora implementa bien lo ke es font-face aunke obvio, el usuario tendria que usar un browser que soporte esta caracteristica, como Firefox, Opera, Safari, pero no con Internet Explorer, a menos que hagas otra regla que utilize los fonts .eot para IE

Código CSS:

/* TODOS LOS NAVEGADORES MODERNOS*/
@font-face{
font-family:'Fontin-Regular';
src: url('Fontin-Regular.otf') format('opentype');
}
</style>
 
/* PARA INTERNET EXPLORER*/
<!--[if IE]>
<style type="text/css" media="screen">
@font-face{
font-family:'Fontin-Regular';
src: url('Fontin-Regular.eot');
}
</style>
<![endif]-->
 

[pleter]

Iniciado por JessicaTJ

Sip, gracias a CSS3 que ahora implementa bien lo ke es font-face aunke obvio, el usuario tendria que usar un browser que soporte esta caracteristica, como Firefox, Opera, Safari, pero no con Internet Explorer, a menos que hagas otra regla que utilize los fonts .eot para IE

Código CSS:

/* TODOS LOS NAVEGADORES MODERNOS*/
@font-face{
font-family:'Fontin-Regular';
src: url('Fontin-Regular.otf') format('opentype');
}
</style>
 
/* PARA INTERNET EXPLORER*/
<!--[if IE]>
<style type="text/css" media="screen">
@font-face{
font-family:'Fontin-Regular';
src: url('Fontin-Regular.eot');
}
</style>
<![endif]-->
 

Ya mismo a Fav.
Lo voy a guardar a esta info para despues cuando la necesite.
No sabia! gracias por la data.

[Tecktonikrazy]

Ok ok ok pero no entiendo algo, en mi pagina pongo eso en los estilos css no? listo ya esta, y luego tengo mi texto normal y todo y derrepente quiero poner la palabra Hola (por desir algo) con esa tipografia como lo hago, pongo <fon face="candice">Hola</font> y ya queda ??? o como?

[jomaruro]

Hola:

Creo que te será útil esta aportación de kseso? en las FAQ's de CSS.

Saludos.

[Carlangueitor]

Iniciado por Tecktonikrazy

Ok ok ok pero no entiendo algo, en mi pagina pongo eso en los estilos css no? listo ya esta, y luego tengo mi texto normal y todo y derrepente quiero poner la palabra Hola (por desir algo) con esa tipografia como lo hago, pongo <fon face="candice">Hola</font> y ya queda ??? o como?

No, tiene que ser con CSS, eso que estás poniendo es HTML.

Saludos

[cristian_cena]

Hola Tecktonikrazy, este articulo seguro te sera útil si trabajas con font-face, pero además existen otras alternativas, busca en google por cufon, sifr y/o typeface.

Saludos