Foros del Web » Creando para Internet » Diseño web »

@font-face y propiedades.

Estas en el tema de @font-face y propiedades. en el foro de Diseño web en Foros del Web. Hola que tal estoy haciendo un sitio web donde requiro descargar el archivo de la fuente y este lo estoy usando en el sitio con ...
  #1 (permalink)  
Antiguo 15/04/2011, 17:58
 
Fecha de Ingreso: abril-2008
Mensajes: 316
Antigüedad: 9 años, 8 meses
Puntos: 3
@font-face y propiedades.

Hola que tal estoy haciendo un sitio web donde requiro descargar el archivo de la fuente y este lo estoy usando en el sitio con @font-face:

Ya encontre un servidor en el cual puedo subor los archivos y me da los link de descarga:

http://www.bigupload.com/

Estos son los link que me da:

<a href="http://www.bigupload.com/en/file/4570/arialroundedmtbold.ttf.html" target="_blank"><img src="http://www.bigupload.com/skin/stylish/thumb/thumb_file.png" alt="Free Filehosting At BigUpload"/><br>ArialRoundedMTBold.ttf</a>

Me imagino que debo usar el:

http://www.bigupload.com/en/file/457...tbold.ttf.html y asi lo hago, mi codigo es este:

Código:
@font-face {
				font-family: "ArialRounded";
				src:url(http://www.bigupload.com/en/file/4570/arialroundedmtbold.ttf.html) format('truetype');
			}
Que estoy haciendo mal??

Yo opino que es el:

src:url(http://www.bigupload.com/en/file/457...tbold.ttf.html)

aclaro que poniendole comillas tampoco funciona.

src:url('http://www.bigupload.com/en/file/4570/arialroundedmtbold.ttf.html')

Alguna idea??
  #2 (permalink)  
Antiguo 16/04/2011, 04:36
Avatar de KoswiDigital  
Fecha de Ingreso: abril-2011
Ubicación: Galicia - España
Mensajes: 220
Antigüedad: 6 años, 8 meses
Puntos: 37
Respuesta: @font-face y propiedades.

Hola.

Para utilizar una fuente con CSS deberás enlazar directamente al archivo de fuente (ttf). Puedes subir estos archivos a tu servidor, no hay necesidad de utilizar un servidor externo.

Puedes encontrar algo más de información aquí: http://hacks.mozilla.org/2009/06/beautiful-fonts-with-font-face/


Un saludo.
__________________
http://www.koswidigital.com - Diseño web, Programación web, Fotografía profesional, Retoque digital.
  #3 (permalink)  
Antiguo 20/04/2011, 20:07
 
Fecha de Ingreso: abril-2008
Mensajes: 316
Antigüedad: 9 años, 8 meses
Puntos: 3
Respuesta: @font-face y propiedades.

no tengo la opcion para subirlo a mi servidor.
  #4 (permalink)  
Antiguo 20/04/2011, 20:38
Avatar de KoswiDigital  
Fecha de Ingreso: abril-2011
Ubicación: Galicia - España
Mensajes: 220
Antigüedad: 6 años, 8 meses
Puntos: 37
Respuesta: @font-face y propiedades.

Nunca lo he probado, pero imagino que podrás usar otro servidor y enlazar directamente al archivo. Utiliza un hosting gratuito, sube los archivos y utilizar esa ruta, de tal manera que quede url('http://tupagina.servidor.com/fuente.ttf').

000webhost.com es un hosting gratuito. Prueba y nos cuentas. No creo que tengas problemas.


Saludos.
__________________
http://www.koswidigital.com - Diseño web, Programación web, Fotografía profesional, Retoque digital.
  #5 (permalink)  
Antiguo 20/04/2011, 21:52
Avatar de ZoroRoronoa  
Fecha de Ingreso: marzo-2011
Ubicación: California, USA
Mensajes: 823
Antigüedad: 6 años, 8 meses
Puntos: 116
Respuesta: @font-face y propiedades.

Cita:
Iniciado por rogeliomx Ver Mensaje
Hola que tal estoy haciendo un sitio web donde requiro descargar el archivo de la fuente y este lo estoy usando en el sitio con @font-face:

Ya encontre un servidor en el cual puedo subor los archivos y me da los link de descarga:

[url]http://www.bigupload.com/[/url]

Estos son los link que me da:

<a href="http://www.bigupload.com/en/file/4570/arialroundedmtbold.ttf.html" target="_blank"><img src="http://www.bigupload.com/skin/stylish/thumb/thumb_file.png" alt="Free Filehosting At BigUpload"/><br>ArialRoundedMTBold.ttf</a>

Me imagino que debo usar el:

[url]http://www.bigupload.com/en/file/4570/arialroundedmtbold.ttf.html[/url] y asi lo hago, mi codigo es este:

Código:
@font-face {
				font-family: "ArialRounded";
				src:url(http://www.bigupload.com/en/file/4570/arialroundedmtbold.ttf.html) format('truetype');
			}
Que estoy haciendo mal??

Yo opino que es el:

src:url([url]http://www.bigupload.com/en/file/4570/arialroundedmtbold.ttf.html[/url])

aclaro que poniendole comillas tampoco funciona.

src:url('http://www.bigupload.com/en/file/4570/arialroundedmtbold.ttf.html')

Alguna idea??

Se supone que tienes que declarar la direccion del archivo, pero tu estas declarando una pagina "HTML" en la cual podeis bajar el archivo.

Para que te des la idea, la ruta debe terminar en .ttf
*y aclaro que no se solucionará borrando .html

Ocupas alojarlo en cualquier servidor y enlazarlo a tu CSS (poniendo la ruta directa).

EJEMPLO:
http://algunapagina.com/fonts/nombreDeFont.ttf

Saludos.
__________________
Programador jQuery & PHP

Etiquetas: font-face, propiedades
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:52.