¿Fuentes de propósito general para principiantes?

Soy programador y principiante en diseño gráfico. Cuando estaba aprendiendo diseño, me resultó muy difícil decidir qué fuente usar en mi sitio web. De hecho, cuando se ven por separado (es decir, no en una vista de lado a lado), creo que la mayoría de las fuentes son idénticas entre sí.

He buscado muchos ejemplos, solo para descubrir que sus pilas de fuentes CSS tienden a contener 4 o más fuentes, lo que efectivamente me abruma, y ​​presumiblemente a otros principiantes.

Entonces, pido algunas recomendaciones aquí: ¿hay alguna fuente de propósito general que los principiantes en diseño puedan usar de manera segura? Aquí, "seguro" significa "no hacer que un sitio web sea ridículamente feo o ilegible".

Para hacer mi pregunta más específica, la fuente que estoy buscando debería ser:

  1. De uso gratuito.
  2. Propósito general. Debe ser (al menos parcialmente) adecuado para la mayoría de los proyectos.
  3. Seguridad en la web. Idealmente, ya debería haber sido instalado en la mayoría de los dispositivos.
  4. Novedoso. Las fuentes clásicas, como (Sans) Serif, son agradables, pero se usan en tantos lugares que los usuarios comienzan a aburrirse de ellas.
Hay muchas fuentes que se ajustan a este criterio. Tendrás que hacer tu pregunta más específica para que podamos ser de mucha ayuda.
@ZachSaucier Reduje mi pregunta. Espero que sea lo suficientemente específico ahora :)
Creo que estás viendo todo esto mal. Los puntos 1 y 3 son requisitos sólidos, el punto 4 es completamente ficticio e incorrecto. Si cree que todas las fuentes se parecen, comience a aprender más sobre las fuentes, sus orígenes y cómo se construyen. Generalmente, una 'fuente de propósito general' es algo malo. Su fuente debe coincidir con su medio, grupo objetivo y diseño.
Todas las fuentes son seguras de usar cuando entiende cómo usarlas. Su pregunta es el equivalente a "¿hay un color seguro para los diseñadores principiantes?" Como dijo JaneDoe1337, cuanto más aprenda sobre las diferencias de fuentes, mejor podrá usarlas. Como colores, lenguajes de programación o condimentos alimentarios.
@JaneDoe1337 Agradezco su experiencia. Sin embargo, creo que si todas las fuentes se parecen a mí, también deberían parecerse a los usuarios comunes (ahora soy más un usuario que un diseñador). Entonces, ¿cuál es el propósito de tomarse el tiempo para elegir las fuentes?
@sunqingyao porque una fuente puede marcar una gran diferencia, aunque solo sea psicológicamente. Es posible que no lo note o lo entienda ahora, pero tiene un gran impacto en el diseño general. Preguntar cuál es el propósito de tomarse el tiempo para elegir las fuentes sería lo mismo que preguntar cuál es el propósito de tomarse el tiempo para diseñar algo. Es más que simplemente hacer que algo "se vea bien".

Respuestas (3)

Antes de darte una recomendación de fuente específica, te daré algunas cosas que debes buscar en una fuente si quieres que se convierta en tu fuente preferida.

  • Debe ser legible . Busque una fuente que funcione bien en una variedad de tamaños y pesos, en negro sobre blanco e inverso.
  • Debe venir en una variedad de estilos : busque una familia que tenga varios pesos, anchos, cursiva. Esto te dará la versatilidad de tener contraste para títulos o elementos de interfaz dentro de la misma familia. Si encuentra una familia que tiene sans-serif y serif, mucho mejor
  • Debe ser bastante neutral . Esto va en contra de lo que mencionas en el punto número 4, pero cuanto más "personalidad"/novedad tenga una fuente, más probable es que no sea adecuada para algunos proyectos.

Dicho esto, permítanme recomendar algunas familias que se ajustan a estos criterios:

Open Sans ingrese la descripción de la imagen aquí Apenas original, pero es una gran familia, con muchos pesos, buen soporte de idiomas, incluso una versión estrecha.

Source Sans Pro ingrese la descripción de la imagen aquí Tipo de letra increíble, especialmente para el diseño de interfaz, también tiene una fuente serif complementaria

Roboto ingrese la descripción de la imagen aquí Fuente bastante sobria, pero súper legible, con muchas variaciones y, de nuevo, una serifa a juego.

Aunque creo que la información que está brindando es buena, estoy tentado a votar negativamente solo porque creo que la respuesta no es adecuada para el OP. Creo que usará esto como una solución rápida en lugar de aprender algo.
¿Por qué no crees que es adecuado? Estoy explicando el razonamiento detrás de mis elecciones para ayudarlo a aprender, y estoy proporcionando algunos ejemplos que incorporan los principios que enumero. Creo que mi respuesta proporciona información útil al OP sobre el tema sobre el que preguntó.
@ JaneDoe1337 Por favor, no se preocupe. ¡Te prometo que aprenderé todo, porque diseñar es muy divertido! Además, uno no puede convertirse en un buen diseñador usando "soluciones rápidas", ¿verdad?
@ JaneDoe1337 Y ahora que lo ha mencionado, ¿se recomienda algún material de aprendizaje? Actualmente estoy leyendo The non-designer's design & type books

Al principio pensé que era una pregunta simple. No lo es. Es un buen fundamental.

No recuerdo quién dijo que es mejor dominar el uso de unas pocas fuentes, que simplemente usar un montón de ellas... Esa no es la cita real... Parece que yo también recordaba la cita Xo)

clasificación clásica

Primero debe comprender las categorías en las que se dividen las fuentes. Esa sería una respuesta larga, por lo que debe hacer algunos deberes. https://www.google.com/search?q=font+categories

Pero en general hay algunos elementos que definen estas categorías:

  • El serif (o la falta de él)

  • La diferencia (o falta de) entre trazos verticales y horizontales

  • La forma general (circular, cuadrada, ovalada)

  • El estilo... (Dios mío, esto es demasiado tablero... Decorativo... dejemos esto solo por un rato)

Un conjunto clásico de categorías de "fuentes de libros" es

  • Old Style (estilo antiguo romano)

  • Moderno

  • Slab serif (egipcio)

  • Humanista

  • Sans serif

variaciones

Por lo delgada que es la fuente y lo delgado que es el trazo:

  • Extendido, Normal, Condensado

  • Negrita, Normal, Fina

  • Y muchas variaciones en algunos casos. Extra, ultra, negro...

Decorativos

Una forma personal de organizar las fuentes "script" es:

  • Manuscrito (fuentes elegantes con líneas finas, que simulan el uso de una pluma caligráfica suave)

  • Escritura a mano (tipo Arquitecto)

  • Histórico (medieval, celta, "textura", pre-Gutenberg)

  • Caligrafía

  • Pinceladas

en un sentido practico

1) Sans serif

Elija digamos solo 9 fuentes Sans serif. Una buena opción es elegir uno que tenga variaciones de peso (todas las variaciones cuentan como uno) 3 para cada categoría (Puedes repetir la misma fuente en diferentes categorías).

  • Algunos que se ven bien en los menús. Normalmente elijo uno condensado aquí, por lo que el menú puede tener un poco más de texto.

  • Unos para texto, uno seria verdana, y elijo otros dos.

  • Para los títulos, uno muy redondeado y circular por lo menos.

2) Serif

Para la web, concéntrate más en los títulos.

  • Dos estilo antiguo

  • Dos modernos

  • dos losa

3) humanista

Esto funciona en textos largos y pequeños. No hay muchos para elegir. Elige solo 2.

Prepárate para tener una larga colección de fuentes Script

Pero solo recójalos cuando el proyecto lo requiera. No pierda su tiempo si no tiene un caso específico.

En cuanto a sus requisitos

Solo apégate a las fuentes de Google.

Y estoy de acuerdo en que "Novedoso" y "Propósito general" son términos contradictorios. Pero dije eso en mis "clasificaciones" de fuentes.

DMCA Sans Serif es el tipo de letra de uso general. La versión 9.0 tiene 3309 caracteres y 32 estilos. También tiene un subreddit, una sección de problemas de github y una discordia.