Poner fuente a mi html

fedefrankk · #1 (**permalink**) 28/12/2013, 11:53

Hola A todos, tengo mi CSS ya terminado

asi:

Código CSS:

Ver original@font-face {
    font-family: 'open_sanslight';
    src: url('opensans-light-webfont.eot');
    src: url('opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-light-webfont.woff') format('woff'),
         url('opensans-light-webfont.ttf') format('truetype'),
         url('opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
 
}

este cofdigo me lo genero una web, donde dice src le tengo que poner el nombre de mi carpeta donde se encuntra las fuentes?

si quiero ponerle esa fuente open_sanlight a un div ó a cualquier elemente como tengo que seguir en el CSS, ?

sludos a todos buen fin de año
fede

JustinKO · #2 (**permalink**) 28/12/2013, 12:30

Sí, tiene que poner la ruta donde tengas ubicadas las tipos. En el caso que muestras tendrían que que estar en la misma carpeta donde tuvieras la hoja de estilo de ese código.

Luego ya usas la tipografía como cualquier otra

Por ejemplo

Código CSS:

Ver originaldiv.loquesea {
font-family: 'open_sanslight'; 
}

fedefrankk · #3 (**permalink**) 29/12/2013, 16:29

Hola Muchas gracias, ha funcionado a la perfeccion
se agradece.!
saludos
fede

pzin · #4 (**permalink**) 29/12/2013, 17:10

Si es OpenSans casi que mejor cargarla o importarla desde Goolge Web Fonts:

Código CSS:

Ver original@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);

http://www.google.com/fonts#UsePlace...tion:Open+Sans

moriorGames · #5 (**permalink**) 30/12/2013, 10:16

También yo te recomiendo google web fonts, lo he usado para varios proyectos y, siempre que no abuses de la cantidad de fuentes que utilices, te va a responder muy bien y es bastante sencillo de implementar.

Algo así como poner esto en la cabecera <head> de tu documento

Código HTML:

Ver original<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

Y luego en el css defines el elemento con esa fuente así:

Código CSS:

Ver original.texto {
font-family: 'Open Sans', sans-serif;
}

#6 (**permalink**) 30/12/2013, 11:57

Si, yo aconsejo usar google fonts es la mejor solucion y ahorras ancho de banda del servidor.

Saludos!!

fedefrankk · #7 (**permalink**) 30/12/2013, 16:45

Hola,
entonces yo pongo en mi css

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);

despues pongo por ejemplo

.funetes{ font-family:Open Sans, arial, sanserif, etc..

en mi html

<div class="fuentes" > ACA EL TEXTO </div>

seria algo asi?

que ventajas tengo? lo que me interesa es que todos los navegadores lean la tipografia

se agradece por las rpuesta
saludos
fede

Ddsdone · #8 (**permalink**) 03/01/2014, 19:03

Código CSS:

Ver original@font-face {
            font-family: 'NOMBRE DE LA FUENTE';
            src: url('NOMBRE DE LA FUENTE.eot?') format('eot'),
            url(NOMBRE DE LA FUENTE.woff) format('woff'),
            url('NOMBRE DE LA FUENTE.ttf') format('truetype');
        }

Te dejo link de un conversor de fuentes por las dudas:
http://www.font2web.com/