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

Problema con @font-face

Estas en el tema de Problema con @font-face en el foro de Diseño web en Foros del Web. Una consulta con @font-face: Que tal, el problema que tengo es que descargué una fuente llamada Hand Of Sean de la página Dafont.com. Y para ...
  #1 (permalink)  
Antiguo 21/08/2013, 10:30
 
Fecha de Ingreso: febrero-2012
Mensajes: 7
Antigüedad: 12 años, 1 mes
Puntos: 0
Pregunta Problema con @font-face

Una consulta con @font-face:

Que tal, el problema que tengo es que descargué una fuente llamada Hand Of Sean de la página Dafont.com. Y para que se lea esta fuente en todos los navegadores se que tengo que usar la etiqueta @font-face e ir páginas como http://www.fontsquirrel.com/tools/webfont-generator para que me el código necesario y los formatos necesarios para copiar en mi hoja de estilo. Yo tengo la fuente en una carpeta /fonts. Este es el código que me dió la página mencionada:

Código CSS:
Ver original
  1. @font-face {
  2.     font-family: 'hand_of_sean';
  3.             src: url('fonts/handsean-webfont-webfont.eot');
  4.             src: url('fonts/handsean-webfont-webfont.eot?#iefix') format('embedded-opentype'),      
  5.                url('fonts/handsean-webfont-webfont.wof') format('woff'),
  6.                 url('fonts/handsean-webfont-webfont.ttf') format('truetype'),          
  7.             url('fonts/handsean-webfont-webfont.svg#hand_of_seanregular') format('svg');  
  8.     font-weight: normal;  
  9.     font-style: normal;
  10.     }

El problema no se si son las comillas simples, la carpeta fonts, es decir, ../fonts. Probé de todo y no me funciona. Alguna solución. Lo único que me queda verificar sería si es problema de licencia.
  #2 (permalink)  
Antiguo 21/08/2013, 10:34
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: Problema con @font-face

La rutas en CSS son relativas al archivo CSS. Tal como está, se supone que tienes algo así:

/archivo.css
/fonts/handsean-webfont-webfont.eot
  #3 (permalink)  
Antiguo 21/08/2013, 10:55
 
Fecha de Ingreso: febrero-2012
Mensajes: 7
Antigüedad: 12 años, 1 mes
Puntos: 0
Respuesta: Problema con @font-face

Sitio se llama acceso-directo.

acceso-directo: {carpeta raiz}
/css {sub carpeta}
/fonts {sub carpeta}
/imgs {sub carpeta}
/js {sub carpeta}
/multimedia {sub carpeta}
/etc {sub carpeta}

Última edición por matiasbesio; 21/08/2013 a las 11:02
  #4 (permalink)  
Antiguo 21/08/2013, 11:43
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: Problema con @font-face

Entonces en el CSS tendrás que indicar ../fonts/.
  #5 (permalink)  
Antiguo 21/08/2013, 13:47
Avatar de loncho_rojas
Colaborador
 
Fecha de Ingreso: octubre-2008
Ubicación: En el mejor lugar del mundo
Mensajes: 2.704
Antigüedad: 15 años, 5 meses
Puntos: 175
Respuesta: Problema con @font-face

No te funciona donde? en el navegador? o en el editor?
__________________
Ayudo con lo que puedo en el foro, y solo en el foro.. NO MENSAJES PRIVADOS.. NO EMAILS NI SKYPE u OTROS.

Antes de hacer un TOPICO piensa si puedes hallarlo en Google o en el Buscador del Foro...

Etiquetas: css3, font-face, html5
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 04:17.