incluir tipos de letras (font)

[The_Dark_Roy]

Me gustaria saber si hay alguna manera de forzar al browser que descarge el tipo de letra que yo tengo en el server por ejemplo "Eurostile.ttf" , megustaria que me orientaran un poco.

saludoa

[Roberto Rios]

Hola, lo que yo hago es descargar el tipo de letra que quiero, normalmente vienen en zip, luego la saco del zip en cualquier carpeta, por ejemplo mis documentos. Luego voy a windows y busco la carpeta fonts y lo copio.
Lo mismo hice para el font del programa de pagina web y funciono.

Ojala te sirva de algo....aunque algo me dice que no es tu problema, pero la ayuda vale....

Saludos.

[The_Dark_Roy]

la verdad que no.

como ya sabran cuando uno hace una clase por ejemplo para definir los titulos uno coloca algo por el estilo

Código HTML:

.cec {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;	
    margin:10px;
    text-align:justify;
}

esto por que no en todo los pc esta Arial, y si no pasa a la siguiente y asi hasta la mas proxima.
A loq ue yo voy es hacer que el usuario comun y corriente que no tiene idea de como agregar mas fuentes a su pc se le cargue de alguna forma en la web de manera automatica. si hay personas con informacion me gustaria que me ayudaran

saludos. ;)

[juanchilo]

Existe para ello el elemeto @font-face desde CSS2

El ejemplo de uso seria el siguiente:

Código HTML:

@font-face {
      font-family:century;
      src:url(http://fonts.com/century.ttf);
   }

luego siempre que llames a la fuente, esta se aplicara a los contenedores de dicha fuente:

Código HTML:

<P STYLE="font-family:century;"> 

Con esto logramos que si el ordenador no cuenta con dicha fuente, se descargue de la URL detallada en la declaración, la fuente correspondiente.

Espero te sirva mi aporte, hasta pronto!!

[CORE]

Hola

te recomiendo que entres a disenorama.com jay una comparativa de remplazos de textos hay opciones que seguramente te serviran Remplazo de textos

saludos

[DarkJ]

Existe para ello el elemeto @font-face desde CSS2

Y en CSS2.1 la quitaron: http://www.w3.org/TR/CSS21/changes.html#q22

[The_Dark_Roy]

muchas gracias, luego de leerlo me pregunto si solo se puede aplicar en el atributo style o tambien dentro de una class????

Saludos ;)

[The_Dark_Roy]

estaba probando en mi pc el codigo que me dijeron pero no me funka.
esto esta dentro de un archivo .css esta mal?

Código HTML:

.titulo_menu{
	font-size: 15px;
	font-family: Eurostile;  
	color: #2C7FF8;
}
@font-face {
	font-family: Eurostile;
    src:url(http://146.83.103.212/font/Eurosti.ttf);
}

y cuando lo lo ocupo lo hago haci

Código HTML:

<div class="titulo_menu">Formas  Naturales</div> 

estaria correcto? esto?

[juanchilo]

A ver .....!!!! He aqui problemas en la Sintaxis de las declaraciones (principalmente faltan comillas), tambien aprovecho a disculparme que mas arriba fui yo quien lo escribio mal.

Seria asi:

en el css:

Código PHP:

  @font-face {font-family: "Courier New"; 
src: url(http://www.rinconcillo.com/fonts/cour.ttf)} 
   

el nombre de la fuente va entre comillas( "Courier New")

luego:

Código PHP:

  #lefont {
 
font-family:"Courier New", Courier, mono;
color:#FFFFFF;
font-weight:700;
font-size: 34px;
 
} 
   

si te fijas una vez agregado el @font-face te aparecera (si usas DW) en la lista del font-family la tipografia que declaraste.

y luego lo aplicamos al html:

Código HTML:

<div id="lefont">cabecera con el logo quizas</div> 

perdon por haberlo escrito mal, ahora de seguro te funcionará.
Me quede pensando en el rechazo que me comenta DarkJ de esta propiedad por parte del CSS2.1 , voy a investigar un poco del tema!!!

[The_Dark_Roy]

ok pero mi pregunta va a si se le puede aplicar a una class y no usar la etiqueta <div>, osea por ejemplo dentro de una tabla:

Código HTML:

<table>
    <tr>
        <td class="mi_clase">mi texto con la fuente que quiero</td>
    </tr>
</table> 

[juanchilo]

por su puesto!!! prueba y veras, tambien puedes usar <span> , pruebalo se sabe que si quieres aplicarlo como class usas "." y con id "#" eso es basico.
Lo que si, si usas <td> o <th> te tomara esa fuente en todo el recuadro y puede no ser lo correcto, si vas a usar varias fuentes en una celda usa <span>
saludos

[the_NEO_JP]

SiFR, es la manera mas eficaz, fácil, estandar, y semántica, de usar fonts como eurostyle en tu web.

Y ese link que te dieron en Diseñorama, habla justo de eso, leelo.

[The_Dark_Roy]

resulta que hago esto y no pasa na
que onda?
que estoy haciedno mal?

este esta en un archivo .css

Código HTML:

@font-face {
	font-family: "Eurostile";
	src: url(http:/localhost/exalumnos/fonts/Eurostile.ttf);
} 
.lefont {
	font-family:"Eurostile";
	color:#000000;
	font-weight:bold;
	font-size: 18px;
	font-weight: bold;
	text-decoration:underline;
}

y esta en una apgina

Código HTML:

<tr>
    <td></td>
    <td><span class="lefont">Home</span></td>
</tr> 

cuando le coloco #lefont no me la pesca el dream weaver

[The_Dark_Roy]

alguien me podir ayudar con el problema?

[kemie]

The_Dark, ningun navegador moderno acepta la propiedad @font-face como te dijeron, en la ultima revision de CSS la quitaron, por lo que NO TE VA A FUNCIONAR :)

algunas alternativas:
http://www.disenorama.com/articulos/...textos_una.htm

[baccxus]

Bueno, pues sí, probé cambié los encabezados y le puse unas letras de lo más COOL y ya está disponible la versión 2.0.1.


Saludos

[Bans22]

resulta que a mi tambien me interesa colgar fuentes a la web y con los codigos que han puesto, no da resultado, encontre esta pagina que es lo que estamos bscando junto con the dark

http://www.creamundo.com/index.php?lang=es

lo malo que no te dan el codigo :D

espero alguien nos puedan ayduar

[DragonX]

Se puede hacer perfectamente, y aca te dice como, la única contra que al ingresar debes descargarte un DivX.

http://www.forosdelweb.com/showthrea...ht=tipografias

[chino_pelex]

cuando puedas pon el link ya que estoy muy interesado en ese codigo, probe realizarlo yo mismo pero tengo algun problema que en Firefox si funciona y en IE nel, entonces algo malo tengo pero no se que, asi puedo guiarme a como resolverlo.

[webosiris]

chino_pelex, no revivas temas tan antiguos!! Este tema es del 2005.