Como adicionar fontes externas no meu CSS a partir de outro servidor?

WWWW · 26/03/2013

No logro agregar una fuente, que este alojada en otra web o servidor.

Si la font esta en mi servidor o hosting, con la siguiente dirección 'Fonts/ostrich-bold-webfont.ttf' si detecta la font, pero cuando le agrego una como, que es la misma pero no esta en mi hosting, no la detecta y no cambia la fuente en mi web.:ambivalence:

Como lograr que la font la detecte como si estuviera subida en mi hosting, pero alojada en otra web o hosting.

Inserir CODE, HTML ou PHP:

@font-face {
    font-family: 'OstrichSansBold';
    src: url('Fonts/ostrich-bold-webfont.eot');
    src: url('Fonts/ostrich-bold-webfont.eot?#iefix') format('embedded-opentype'), 
    url('http://solutionsweb.co.za/qr/styles/Fonts/ostrich-bold-webfont.woff') format('woff'), <-- [SIZE=2][COLOR=#ff0000]Erro no la detecta[/COLOR][/SIZE]
    url('Fonts/ostrich-bold-webfont.ttf') format('truetype'), 
    url('Fonts/ostrich-bold-webfont.svg#OstrichSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

No quiero subir las fonts a mi hosting, si no utilizar las que ya esta online, cambiando todos los links por links externos. Gracias:encouragement:

adresc · 26/03/2013

utiliza el tag link en el header del html

WWWW · 26/03/2013

adresc disse:
utiliza el tag link en el header del html

Lo que me mecionas es algo parecido a esto?

Inserir CODE, HTML ou PHP:

<link rel="stylesheet" href="http://sads.blablabbla44.com/hds/egasder/odser/styles/media-queries.css" />

ya intente poner el archivo asi, pero las font no son reconocidas.

Mi cuestion es agregar fonts de paginas exteriores, al codigo css.

Al que agrege al principio del tema.

adresc · 26/03/2013

pero estás seguro que el servidor desde donde las obtienes permite peticiones externas?

---------- Post agregado el 26-mar-2013 hora: 17:57 ----------

mira, acá hablan de un problema parecido, quizá te sea de ayuda

CSS @font-face absolute URL from external domain: fonts not loading in firefox - Stack Overflow

LuisMorales · 26/03/2013

Te recomiendo utilizar Google Web Fonts

WWWW · 26/03/2013

adresc disse:
pero estás seguro que el servidor desde donde las obtienes permite peticiones externas?

mira, acá hablan de un problema parecido, quizá te sea de ayuda

CSS @font-face absolute URL from external domain: fonts not loading in firefox - Stack Overflow

Creo que si es algo sobre los permisos del servidor externo, que al parecer hay que vincularlos con .htaccess, aun asi siendo un sub dominio.

Gracias por tu ayuda.

TecnoMex disse:
Te recomiendo utilizar Google Web Fonts

Gracias por tu recomendación, pero se pueden agregar desde un link externo o abria que descargarlas y subirlas al hosting?

LuisMorales · 26/03/2013

WWWW disse:
Creo que si es algo sobre los permisos del servidor externo, que al parecer hay que vincularlos con .htaccess, aun asi siendo un sub dominio.

Gracias por tu ayuda.

Gracias por tu recomendación, pero se pueden agregar desde un link externo o abria que descargarlas y subirlas al hosting?

Desde link externo, desde los servidores de google, es lo que utilizan muchos.

WWWW · 26/03/2013

Gracias por su ayuda, creo que tendre que empesar a familiarizarme con las fonts de google.

Gracias TecnoMex & adresc. :encouragement:

adresc · 26/03/2013

otro voto a favor de google fonts, yo también las uso!

ecoal95 · 27/03/2013

El problema es que los navegadores no acceden a fuentes de un dominio diferente por la directiva Access-Control-Allow-Origin. El que posea el hosting de esa fuente debería de poner en .htaccess:

Inserir CODE, HTML ou PHP:

<FilesMatch "\.(ttf|otf|eot|woff)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

juanvn · 08/05/2013

utiliza google web fonts, es lo mejor y te asegura un buen funcionamiento

Lenny Creative · 07/07/2013

hace poco comence a usar font de google y me solucionaron muchas cosas,
pero en un caso particular quiero usar una font que no lo tiene google font, pense que podia subirla pero no da esa opción...

Como puedo usar una font que suba a mi propio hosting??
alguna ayudita por favor

Como adicionar fontes externas no meu CSS a partir de outro servidor?

WWWW

adresc

WWWW

adresc

LuisMorales

WWWW

LuisMorales

WWWW

adresc

ecoal95

juanvn

Lenny Creative

Tópicos similares