entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

0voto

Usar fuentes en un sitio web

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?

2 Respuestas

4votos

Leonardo-Tadei Puntos226650

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!

2votos

SynSor Puntos490

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

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta