@font-face y propiedades.

[rogeliomx]

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??

[KoswiDigital]

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.

[rogeliomx]

no tengo la opcion para subirlo a mi servidor.

[KoswiDigital]

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.

[ZoroRoronoa]

Iniciado por rogeliomx

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.