[SOLUCIONADO] No aparece mi font-face

[Farothx]

estoy trabajando en esta web y comprueba que anda cualquier font menos las dos que quiero usar.
serían Satellite y Sertig
en caso de que no funcionen puse Lato, que esta en mi servidor como las otras dos.
y Bonbon, quería probar si me llamaba otras fonts... : P
yo veo todo bien en el css no termino de entender porque no funciona

la web: http://roulecortinas.com.ar/

Código CSS:

@font-face {
            font-family: 'Sertig';
            font-style: normal;
            font-weight: 200;
            src: url(http://roulecortinas.com.ar/fonts/Sertig.woff) format ('woff'), url (http://roulecortinas.com.ar/fonts/Sertig.eot);
          }
 
}
 
@font-face {
            font-family: Satellite;
            src: url(http://roulecortinas.com.ar/fonts/Satellite.ttf) format ("truetype"), url (http://roulecortinas.com.ar/font/Satellite.eot) format(woff);
            }
 
@font-face {
  font-family: 'Bonbon';
  font-style: normal;
  font-weight: 400;
  src: url(http://themes.googleusercontent.com/static/fonts/bonbon/v3/R4_nXuc6m_m-h2NT2U0AY-vvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
 
 
h1 {font-family: Satellite, Bonbon;}
 
h2, h3  {font-family: Sertig, Lato}
 

[pzin]

Es casi imprescindible pasar por este generador para generar varias versiones de las fuentes que vayas a usar (y legalmente puedas, claro).

[Farothx]

Iniciado por pzin

Es casi imprescindible pasar por este generador para generar varias versiones de las fuentes que vayas a usar (y legalmente puedas, claro).

Si, ya la conocía y es muy útil! pero no resuelve mi problema como podrás ver :(



http://roulecortinas.com.ar

Código CSS:

@font-face{ font-family: 'Sertig'; src: url('sertig-webfont.eot'); src: url('sertig-webfont.eot?#iefix') format('embedded-opentype'), url('sertig-webfont.woff') format('woff'), url('sertig-webfont.ttf') format('truetype'), url('sertig-webfont.svg#sertig-webfont') format('svg'); }
 
@font-face{ font-family: 'Satellite'; src: url('satellite-webfont.eot'); src: url('satellite-webfont.eot?#iefix') format('embedded-opentype'), url('satellite-webfont.woff') format('woff'), url('satellite-webfont.ttf') format('truetype'), url('satellite-webfont.svg#satellite-webfont') format('svg'); }
 
 
h1 {font-family: Satellite, Lato;
    font-weight: 200}
 
h2 {font-family: Sertig, Lato;
    margin-bottom: 80px;
    }
 

estuve literal todo el día tratando de solucionar esto... Me rindo! me ganó!

[pitufoweb]

Revisa las rutas de las fuentes y asegúrate de que las subiste al servidor.


por ejemplo, esta fuente no la encuentra http://roulecortinas.com.ar/fonts/Satellite.ttf




Saludos

[Farothx]

Iniciado por pitufoweb

Revisa las rutas de las fuentes y asegúrate de que las subiste al servidor.


por ejemplo, esta fuente no la encuentra http://roulecortinas.com.ar/fonts/satellite-webfont.ttf




Saludos

ya no estoy manejando esa ruta y esos nombres, pero las fonts estan en sus correspondientes rutas

Código CSS:

url('satellite-webfont.ttf') format('truetype'),
 

http://roulecortinas.com.ar/fonts/satellite-webfont.ttf

están ahí y funcionan más que bien!




me gustaría editar el primer post porque ya no manejo esas rutas para no causar confusiones

[alzacon]

Tiene razón pitufoweb, es un problema con las rutas.

Iniciado por Farothx

Código CSS:

url('satellite-webfont.ttf') format('truetype'),
 

Así le dices que busque la fuente en la misma carpeta donde esta el archivo CSS. Y no creo que tengas el CSS dentro de la carpeta fonts.

[Farothx]

Iniciado por alzacon

Tiene razón pitufoweb, es un problema con las rutas.

Así le dices que busque la fuente en la misma carpeta donde esta el archivo CSS. Y no creo que tengas el CSS dentro de la carpeta fonts.

no sabía! :S metí todas las fonts en el archivo css y ya....fin del dolor de cabeza! GRACIAS