CSS font-face emite

Hola chicos tengo este código en mi archivo CSS del generador @fontsquirrelCSS font-face emite

/// cambió el código de cómo es ahora ///

@font-face { 
font-family: 'AdLibRegular'; 
src: url('../fonts/adlib-webfont.eot'); 
src: local('☺'), url('../fonts/adlib-webfont.woff') format('woff'), 
     url('../fonts/adlib-webfont.ttf') format('truetype'), 
     url('../fonts/adlib-webfont.svg#webfontmAc00Ivp') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

.AdLib { 
     font-weight: normal; 
     font-style: normal; 
     line-height:normal; 
     font-family: 'AdLibRegular', sans-serif; 
}

esto es almacenado en una carpeta llamada css y las fuentes se almacenan en una carpeta llamada fuentes.

no puedo conseguir que esto funcione cuando se encuentra en la página HTML que estoy llamando por ejemplo

<h1 class="AdLib">Testing Testing 1 2 3</h1>

no puedo trabajar en lo que estoy haciendo mal en absoluto.

¿Alguna idea?

gracias en Stu avance

//// tengo ahora a todos cambiado a url (' ../fonts/adlib etc y todavía no funciona Estoy vista previa localmente -. ¿Es esto ?

Fuente

2010-09-22 stuart robson

si apunta su navegador a http://yousite.com/fonts/adlib-webfont.woff ¿qué obtiene? – Frankie

las descargas de archivos ... –

FRankie - esto solo funciona para .woff aunque los otros archivos están ahí pero va a una página de error cuando intento acceder :) –

me he encontrado problemas con font-face, donde la URL comienza con un '/' - intentar editar la URL src ser una dirección URL relativa:

por ejemplo

@font-face { 
font-family: 'AdLibRegular'; 
src: url('../fonts/adlib-webfont.eot'); 
}

(obviamente, señalar el doblez correcto er ubicación)

Fuente

2010-09-22 10:53:01 whostolemyhat

cuando la * relativa * URL comienza con '/' se llama una ** absoluta ** URL y apunta a la raíz de su sitio. – Frankie

Vaya, por supuesto está - editado. Sin embargo, todavía estoy seguro de que he tenido problemas con las URL absolutas y de tipo de letra en el pasado. – whostolemyhat

('/ foo' sigue siendo una URL relativa, una URL relativa enraizada. Una * absoluta * URL incluye toda la URL del esquema al principio,' http: // ... ') – bobince

podría ser un problema con la ruta de acceso, ¿dónde está ubicada la carpeta de fuentes de acuerdo con el archivo css?

si la carpeta de fuentes se encuentra en la carpeta css se debe utilizar la siguiente ruta:

src: url('fonts/adlib-webfont.eot');

si es al lado del mapa css es necesario utilizar la siguiente ruta:

src: url('../fonts/adlib-webfont.eot');

../ se utiliza para volver una carpeta

Fuente

2010-09-22 10:56:52 Christophe

Lo he hecho pero aún no funciona. El @ font-face está en el archivo css en la parte superior y la clase .AdLib está en el mismo archivo css en la parte inferior :) muy desconcertante. –

¿Seguro que la carpeta se llama fuentes y no solo fuente? error tipográfico que solía hacer :), ¿qué estás utilizando por cierto como servidor local? wamp o xamp? – Christophe

Respuesta

Cuestiones relacionadas