Dafont. ¿Qué es?¿Cómo instalar fuentes en el ordenador?

¿Te suena Dafont? Seguro que así de golpe, me dices ni idea. Imaginemos que hemos contratado un diseñador web en Madrid para que nos haga nuestra nueva página web.

Nuestro diseñador, nos preguntará qué le facilitemos nuestra paleta de colores y nuestras tipografías. Y en este punto… se hace un silencio. ¿Tipografías?

Y le decimos cómo me ha sucedido con casos verídicos, pues pon unas, las que sean, que más da. ¡Buah!

¡Sí que da! Y mucho. Es cierto que la tipografía es muy importante y que puede hacer que tu contenido destaque aparte de por su originalidad por su tipografía.

A través de la tipografía se transmite emociones y sensaciones. Fundamental para nuestro negocio.

Muchas veces encontrar la tipografía para nuestro sitio online, no es una tarea sencilla. Y más si te metes en la web de Dafont donde hay miles y miles de tipografías.

Es importante seleccionar una tipografía que vaya en consonancia con nuestro diseño, con nuestras imágenes… ¡Ya sé que no es tarea nada sencilla! Por eso hoy os vengo a hablar de  Dafont.

Para mí, es una web imprescindible para realizar mis diseños. Es cierto que me paso horas embelesado con esas tipografías, haciendo pruebas, seleccionando…

Wikipedia define la tipografía web como todo lo que «se refiere al uso de fuentes en la web». El artículo explica que los navegadores web controlaban el aspecto de las fuentes y los estilos hasta 1995, cuando Netscape introdujo la etiqueta <font> en HTML 2.

Ahora la mayoría de los navegadores descargan automáticamente las fuentes y los diseñadores tienen mayor libertad para diseñar con tipos en la web. Cada diseñador tiene su propio método para integrar el texto en los sitios web. Algunos diseñadores lo hacen pensando en los usuarios finales y hacen que su texto sea fácil de leer.

Otros diseñadores optan por utilizar texto pequeño o fuentes ilegibles debido a otras limitaciones de diseño. Personalmente, prefiero no incluir texto a que sea ilegible.  Aprendiendo los siguientes consejos de tipografía web e integrándolos en tus sitios podrás maquetar tus textos como un experto.

Consejos a la hora de usar tipografías

Todos los consejos son muy fáciles de usar y de aplicar. Lo más difícil es acordarse de utilizarlos. Veremos:

• El espacio entre letras
• Alturas de línea
• Comillas a la derecha y a la izquierda
• Cuándo utilizar un tipo de letra con serif o sin serif

Espacio entre letras

Si las letras no tienen suficiente espacio entre ellas, no se pueden leer fácilmente. Esto dificulta mucho el trabajo del lector.  En mi opinión, el espacio entre las letras debería ser de un píxel y, posiblemente, de dos píxeles en el caso de las fuentes más grandes.

Altura de línea

Al igual que el espaciado de las letras, la altura de las líneas también es muy importante en la tipografía web. La altura de las líneas se refiere al espacio entre las líneas de tu texto.

En mi opinión, la altura de las líneas debería ser siempre de dos a cuatro píxeles mayor que el tamaño de la fuente. De este modo, los ojos de los lectores tienen suficiente espacio para distinguir una línea de la siguiente.

Si alguien tiene mala vista, una altura de línea menor podría ser devastadora.

¿Cuándo usar SERIF o SANS SERIF?

Es posible que no conozca la diferencia entre una fuente sans serif y una serif. Las fuentes con serifs tienen acentos (que a menudo parecen puntos) añadidos a los trazos de los caracteres.

Las sans serif son lo contrario y cada uno de sus caracteres es limpio.

Un tipo de letra con serifs se utiliza a menudo para un titular o un título, ya que estos tipos de letra guían los ojos mientras se lee la frase.

Además, el texto con serifs suele tener un aspecto más elegante y atractivo. Las fuentes sin serif son más fáciles de leer y, por tanto, son las más utilizadas para el texto del cuerpo de un artículo en la web.

¿Qué es Dafont?

Dafont es una página web que contiene miles de tipografías gratis. A día de hoy contiene más de 41000 tipografías. ¡Bestial!

No te importe si usas Mac, Windows o Linux, Dafont no discrimina. Se instalan en todas de forma rápida y sencilla. Más abajo os muestro su instalación.

Es una página donde la gente con conocimientos y con las herramientas apropiadas puedes crear tipografías propias que se pueden subir a fuentes de Dafont.

¿Qué es una tipografía?

Cuando nos referimos a fuente tipográfica, estamos hablando de la apariencia o estilo de un grupo completo de signos, números y caracteres que tienen características semejantes.

El tipógrafo Stanley Morison la definió como: “…arte de disponer correctamente el material de imprimir, de acuerdo con un propósito específico: el de colocar las letras, repartir el espacio y organizar los tipos con vistas a prestar al lector la máxima ayuda para la comprensión del texto escrito verbalmente…”.

Si lo trasladamos al plano de las páginas webs, hablamos de tipografía web cuando nos referimos a las letras que vemos en internet.

Es cierto que cuando se creó internet el estilo y la tipografías, las marcaban los navegadores web que tenían, tanto un estilo como tipografías.

Tipos de fuentes

Las principales categorías se dividen en 5 grandes grupos, así podemos ver las diferencias entre los diferentes grupos.

Fuente Serif:

La fuente Serif es cuando se tallaban las letras en piedras, tablas. Era muy difícil que los bordes fueran rectos. Se usa este tipo de fuente para textos largos.

Cuando utilizamos Serif, queremos transmitir: tranquilidad, seriedad, autoridad, firmeza… Aparte las Serif se dividen en:

1.     Serif de transición.

2.     Serif romano clásico.

3.     Serif romanas antiguas o serif viejo estilo.

4.     Serif cuña o glífico.

5.     Serie caligrafiado.

Entre estos grupos podemos observar: Book Antiqua, Bookman Old Style, Courier, Courier New, Garamond, Georgia, Lucida Bright, MS Serif, New York, Times, Times New Roman y Palatino.

Fuente Sans Serif:

Las Sans Serif destacan porque no tienen los remates en los extremos que si tienen las Serif. Cuando las empleamos, transmitimos: seguridad, modernidad, alegría, sobriedad.

Las fuentes Sans Serif, hacen su aparición en el s.XIX en Inglaterra. Se caracterizan porque los vértices son rectos, sus trazos delgados y gruesos no hay contrastes.

No se usan para textos largos ya que dificultan su lectura. Los empleamos para textos

Los tipos Sans serif se dividen en: contraste, geométrica, grotesca, humanista, informal, híbrida, de terminación redonda, Bauhaus y ajustada.

Destacan: Arial,  Helvética, Verdana, Mónaco, Tahoma entre otros.

Fuente Manuscrita:

También conocida como scripts. Son fuentes que parecen de caligrafía o cursivas. Se utilizan para resaltar en la firma, título.

Se dividen en 8 grupos:

• Brush
• Caligráfica
• Canciller
• Casual
• Formal
• Semi formal
• Gráfica
• Monolineal

Entre los tipos de fuentes más destacados, están: Aelfa, Brush, Edwardian Script, English, Medieval Victoriana y Vivaldi.

Fuentes de exhibición:

Este tipo de fuentes, tienen el mayor poder de todas las categorías de atracción. Suele transmitir mucha personalidad.

Entre las más conocidas de fuente de exhibición encontramos: Jokerman, Final Frontier y Star Wars.

Fuente Símbolos

Este tipo de fuentes, encontramos símbolos que no están representados en los alfabetos tradicionales, así como: dibujo de símbolos,  signos matemáticos, etc.

A modo de curiosidad, el tipo de letra que más legible para documentos, es Times New Roman, creado por Stanley Morison para el periódico, The Times en 1932.

Categorías Dafont

Una vez que hemos hablado y ya conocemos las 5 familias de tipografías que hay, nos adentramos en la web de Dafont. Dafont, los clasifica en 8 grandes temas:

Dafont Fantasía

Dentro de este tema, vemos que hay hasta 19 subgrupos. En Dafont fuentes fantasía, destacan los tipos de fuente: animación, tebeo, oeste, tipografía de máquina de escribir, hielo, fuego, etc. Destaca:

• Tipografía máquina de escribir. Es unos de las tipografías más utilizadas en Dafont Fantasía. Este tipo de tipografía vintage, da ese toque antiguo, pero elegante. Para los nostálgicos de las máquinas de escribir, traígo 10 tipografías máquina de escribir más populares:
  • Travelling Typewriter.
  • JMH Typewriter.
  • Another Typewriter.
  • 1942 Report.
  • Fragment Core.
  • King.
  • Old Newspaper Types.
  • Tox Typewriter.
  • Veteran Typewriter.
  • Typewriter Condensed.

Dafont Extranjero

Nos encontramos tipografías  variada con detalles de países. Aquí en Dafont fuentes ha colocado a los 7 subcategorías de las que destacan:

• • Tipografía japonesa y tipografía china. Es cierto que los símbolos de la tipografía de Japón y China, llaman mucho la atención de la gente. Por eso, cuentan con un gran volumen de descarga. Destacan:
    • Gang of three
    • Kashima Brush.
    • Karate.
    • Zenzai Itacha.
    • Japanese 3017.
  • Tipografía árabe. Los rasgos de las letras árabes son muy demandados. Entre la tipografía árabe destacan 3 dafont fuentes:
    • XXII Arabian Onenightstand.
    • Alhambra.
    • Ramadhan Karim.
  • Tipografía vasca. Es tan grande el volumen de Dafont fuentes que disponen de tipografía vasca. Esas típicas letras que nos recuerdan al País Vasco, las puedes encontrar en Dafont fuentes. En concreto:
    • Tipografía Vasca y Vasca Berria.

Dafont Tecno

Se caracterizan ya que es una rasterización de la forma de los caracteres en puntos redondos o angulares. En esta categoría, hay 4 grupos: cuadrado, LCD, ciencia ficción y varios. Destacan:

• Avengeance Heroic Avenger.
• Star Jedi.
• Ds-Digital.
• Batman Forever.
• Demonized.

Dafont Bitmap

Tiene 2 categorías: pixel y bitmap. Los 3 dafont fuentes más importantes son:

• VCR OSD Mono.
• Minecraft.
• 04b_30.

Dafont Gótico

Este tipo de tipografía es muy utilizada. El trazo gótico, se caracteriza por:

• Trazos horizontales y verticales de trazo grueso.
• Los trazos son oblicuos finos y tenues.
• Trazos Ascendentes y descendentes cortos.
• Remates muy elaborados.

Tipografías Góticas

Dafont para las tipografías góticas, las clasifica en 5 grandes grupos:

Medieval

Destacan 2 tipos:

• • • Old London.
    • Chomsky.

Moderno

En este tipo de tipografías, las más populares son:

• • • Kimaris.
    • Ten Pin.

Celta

La tipografía celta, nació en el s.VI y VII, cuando el cristianismo se adentró en Irlanda. Un rasgo distintivo es que usaban una inicial muy grande con decoración cuando empezaban el párrafo.

Las letras siguientes van disminuyendo su tamaño progresivamente.

Otro rasgo de la tipografía celta, el uso de formas triangulares tanto en la parte inferior como superior de la letra. Las 2 típicas fuentes celtas más descargadas son:

• • • Viking
    • Celtic Garamond

Dafont Básico

En esta categoría tenemos las tipografías más normales, desde los grupos de:

• Serif.
• Sans Serif
• Ancho fijo
• Varios

Dafont Script

Este tipo de tipografía se basa en la escritura hecha a mano y en su variedad. Sus formas son muy similares a la cursiva. Las letras suelen ir ligadas unas a otras. Dan sensación de tradición, clásico e historia.

Dafont las coloca en 9 grupos:

Caligrafía

Escolar

Entre todas las tipografías escolares, encontramos estas fuentes de las más descargadas y populares:

• Manuscrito
• Brocha, pincel
• Garabato
• Graffiti
• Old School

 

Varios

Dafont Dingbats

Es una tipografía que utiliza símbolos. Aquí ha proliferado estos últimos años la aparición de miles de tipografías. Dafont fuentes dispone de 2800 tipografías en esta categoría.

Las más representativas son:

• Dafont Holiday
• Dafont dispone de 5 categorías. Son tipografías con decoraciones de San Valentín, Pascua, Halloween, Navidad…

Tipografías con formas de temas relacionados con el día de los enamorados. Destacan las fuentes:

• Pascua

Aquí recogen todas las fuentes relacionadas con la Pascua. Destacan:

• Halloween

En esta sección tenemos los temas que más miedo dan… Destaco:

• Navidad

Divertidas fuentes con motivos navideños. Destacan:

• Varios

¿Cómo instalar una fuente de Dafont en Windows?

Nos situamos en la página web de Dafont. Seleccionamos la fuente que deseamos descargar y la descargamos.

Seguidamente se descomprime el archivo descargado.

• Bajo Windows 10/8/7/Vista:
  Selecciona los ficheros de fuentes Dafont (.ttf, .otf o .fon) después botón derecho >> Instalar
• Bajo cualquier versión de Windows:
  Copiamos los ficheros de fuentes (.ttf, .otf o .fon) dentro de la carpeta Fonts, normalmente C:WindowsFonts o C:WINNTFonts
  (se puede acceder también a través de Menú Inicio > Panel de control > Apariencia y temas > Fuentes).

Os muestro un ejemplo de cómo hacerlo:

1º Seleccionamos la fuente a descargar y pulsamos el botón.

2º El sistema nos dice dónde los guardaremos y el nombre qué queremos ponerle. En este caso, yo lo dejo por defecto y le damos a guardar.

3º Una vez descargado el archivo, vamos a la carpeta dónde se haya bajado y con el botón derecho hacemos clic y nos sale el menú de la foto. Le decimos que extraer en la carpeta con el nombre o extraer aquí.

4º Seleccionamos el archivo fuente y nos sale esta pantalla. Pulsamos cómo en la foto, instalar y ya está instalada nuestra nueva fuente. Sencillo, rápido y eficaz.

TRUCO: (para Windows XP/Vista, no Windows 7/8): No hace instalarla para utilizar esa fuente de forma esporádica. Para ello, se hace doble clic sobre el fichero .ttf, y mientras la ventana de previsualización está abierta, puedes usarla en la mayoría de programas que ejecutes (OpenOffice no permite hacer esto).

¿Cómo instalar una fuente de Dafont en Mac OS?

Mac OS X reconoce las fuentes TrueType y OpenType (.ttf y .otf) pero no las fuentes bitmap de PC (.fon).

• Mac OS X 10.3 o versión superior
  Doble-clic en el fichero de la fuente > botón «Instalar tipo de letra» en la parte inferior de la ventana.
• Cualquier versión de Mac OS X:
  Coge los ficheros y los llevas dentro de la carpeta /Library/Fonts (para todos los usuarios),
  o dentro de /Users/Tu_nombre_usuario/Library/Fonts (sólo para ti).

¿Cómo instalar una fuente de Dafont en Linux?

Copia los ficheros de fuentes (.ttf o .otf) a fonts:// en el File manager.

O: Ve a la carpeta raiz /home, en el menú selecciona View > Show Hidden Files, verás la carpeta oculta .fonts (si no, créala), después copia los ficheros de fuentes allí.

O: (bajo algunas versiones de Linux – Ubuntu por ejemplo) Haces un doble clic en el fichero de la fuente > botón «Instalar» en la ventana.

Conclusiones

Es importante cómo hemos visto, seleccionar muy bien que tipo de fuentes se adaptan mejor a nuestro proyecto. Ya conocemos los tipos de tipografías que hay,  si bien es cierto que hay miles y miles, no se trata de instalar 500 fuentes y ya veremos lo que pasa.

Porque no se recomiendan instalar muchas fuentes, ya que el sistema se ralentizará y perderemos velocidad que afectará al carga web.

Así que instalar sin miedo y probar. Os recomiendo apuntaros los tipos de letras que os bajéis por si luego ya no los utilizáis, que los podáis borrar.