Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/06/2013, 14:41
Avatar de arcanisgk122
arcanisgk122
 
Fecha de Ingreso: junio-2010
Mensajes: 755
Antigüedad: 13 años, 11 meses
Puntos: 28
@font-face not work

hola amigos como dice el titulo tengo problemas con font face.

el codigo es el siguiente:

Código CSS:
Ver original
  1. @font-face {
  2.     font-family:"FuturaExtended";
  3.     src:    url('../fonts/n/futuraextended.eot'); /* IE9 Compat Modes */
  4.     src:    url('../fonts/n/futuraextended.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  5.             url('../fonts/n/futuraextended.woff') format('woff'), /* Modern Browsers */
  6.             url('../fonts/n/futuraextended.ttf') format('truetype'), /* Safari, Android, iOS */
  7.             url('../fonts/n/futuraextended.svg#futuraextendedregular') format('svg'); /* Legacy iOS */
  8.     font-weight: normal;
  9.     font-style: normal;
  10.     }

aplico de esta forma:

Código CSS:
Ver original
  1. .fno {
  2.     font-family:"FuturaExtended";
  3.     font-size: 14px;
  4.     }

Este es el HTML

Código HTML:
Ver original
  1. <span class="fno">Texto normal</span>

no me trabaja en IE 10. alguna idea?

he encontrado el posible problema pero no me cuadra la verdad en Chrome funciona y en IE 10 y derivados no.

esta es mi esctructura:

root:
index.html
+-Setup /*carpeta*/
|--main.css /*este es el css*/
+-Font/*carpeta*/
|--+n/*carpeta fuentes normales*/
|--|--font/*aqui esta las fuentes*/

utilizando
../fonts/n/

el IE 10 no logra localizar la fuente al ponerla en la misma carpeta que la hoja de estilo y cambiar la dirección del recurso entonces se acomoda.
__________________
Cooler Master Gladiator 600 - AMD PHENOM II X4 955 @ 3.5GHZ
GA-MA78GM-US2H - Super Talent 800 2GB x 2 Dual, (Unganged)
PSU Cooler Master eXtreme Power Plus 500W - Saphire R7-260OC-2GB

Última edición por arcanisgk122; 21/06/2013 a las 15:25