Como usar una fuente personalizada en mi sitio Web

Generalmente cuando los diseñadores trabajan un diseño para un sitio Web no consideran en las limitantes que aun los exploradores y las Pc’s de los usuarios tienen. Y hacen diseños padrisimos pero con fuentes poco comunes.

Para evitar romper el diseño y quitarle toda la magia, CSS nos facilita la propiedad @font-face la cual permite cargar fuentes personalizadas, en formato TTF.

La forma de implementar es sencilla:

@font-face {
font-family: “NOMBRE DE TU FUENTE PERSONALIZADA”;
src: url(“url_fuente/personalizada.ttf”) format(“opentype”);
}

.selector
{
font-family: “MTCORSVA”, Verdana, Arial, Helvetica, sans-serif;

}

No olvides que cuando llames a tu selector en el font-family siempre es necesario llamar a tus fuentes alternativas (uno nunca sabe cuando se deban usar). Y con esto podemos evitar disputas entre diseñadores y programadores


Escrito por

Ing. En computación y WebDeveloper de profesión. Empresario y blogger de vocación, Libre y diferente por convicción. + de mi en xataka.com.mx y solucionesim.net/blog

Un pensamiento en “Como usar una fuente personalizada en mi sitio Web

  1. Pingback: Usa una fuente personalizada en tu Web con Cufon - Programacion - Carlos

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>