Question

Buenas, paso a contarles mi inquietud.

Cuando comencé a armar mi sitio web, elegí una fuente que me gustó para incluirla en determinados lugares. Lo que hice fue crear un .psd con Photoshop y cada vez que tenía que armar un nuevo apartado en mi web y escribir algo nuevo, escribía el texto en PS y lo guardaba en formato de imagen (.png) en un directorio determinado. Después, la web incluía esa imagen.

Después, me puse a pensar que hay muchos sitios que utilizan fuentes sin hacer esto que mencionaba yo, que por cierto, daba bastante trabajo cada vez que quería escribir algo, tener que andar abriendo PS y demás. Además, el día en que use un hosting para mi proyecto, estoy seguro de que ocuparía bastante almacenamiento tantas imágenes.

¿Cómo puedo usar una fuente determinada en mi sitio web y que todos puedan verla correctamente?

Answer 1

Hola @KevinLeyes,

esto se puede hacer perfectamente con CSS, sin tener que generar las imágenes con los textos una una.

La versión 3 de CSS soporta el identificador @font-face que hace justamente esto.

Te dejo un enlace (de los tantos que hay) con la explicación de uso http://enlacabezadecesar.com/blog/font-face-vincular-fuentes-con-css/

Recordá poner los fonts en los 4 formatos para que esto funcione en todo navegador.

Saludos!

Answer 2

Bien, lo puedes hacer desde la página html:

<link href='/enlace/fuente' rel='stylesheet' type='text/css'>

También CSS:

@import url(https://fonts.googleapis.com/css?family=Oswald);

Ya solo tendrías que cambiar la fuente en el div o texto en el CSS. Ejemplo:

.ejemplo {
  font-family: 'Oswald', sans-serif;
  color: #232323;
  font-size: 30px;
}

Y ya está es sencillo