Recursos para encontrar buenos esquemas / combinaciones de fuentes web

8

He comenzado a hacer algunos trabajos independientes de diseño de sitios web para clientes de pequeñas empresas, y parte de mi trabajo consistirá en seleccionar fuentes para usar en los sitios que voy a hacer.

Dado que la tipografía no es mi punto más fuerte, me preguntaba si hay un sitio web que ofrezca una colección de esquemas / combinaciones usando fuentes web. Por "esquema" me refiero a algo tan simple como una pequeña lista de fuentes que se ha propuesto que funcionen / se vean bien juntas, por ejemplo, Fuente A para encabezados, Fuente B para sub-encabezados, Fuente C para copia del cuerpo, etc. Básicamente algo como Color Combos , excepto las fuentes web.

Creo que un sitio como este sería un gran recurso para personas como yo que no son las mejores para elegir fuentes que funcionen bien juntas. Sería genial si el sitio web indicara cuáles de los esquemas de fuentes incluidos consisten completamente en fuentes web gratuitas, ya que obviamente serían muy fáciles de implementar.

Entonces, ¿alguien sabe de algún sitio web como este?

Gerry
fuente
1
No responde directamente a su pregunta, pero esta es una gran lectura si desea comprender cómo emparejar mejor las fuentes: Mejores prácticas para combinar
curioso

Respuestas:

5

Esta no es exactamente la respuesta que está buscando, pero aquí hay algunos pensamientos:

Hoefler y Frere-Jones son prácticamente la crema del cultivo tipográfico. Enviaron un correo electrónico hace un tiempo que mostraba algunos pares de fuentes realmente geniales (con sus fuentes, por supuesto), pero en la parte superior hay una buena regla enumerada:

... todo construido en torno al primer principio altamente científico de combinación de fuentes de H & FJ: mantenga una cosa coherente y deje que una cosa varíe.

Continúan mostrando algunas similitudes y diferencias realmente esotéricas (que funcionan muy bien), pero esa regla es algo bueno a tener en cuenta. Si usa un sans-serif para el texto del encabezado, use un serif para la copia del cuerpo. Si tienes algo con trazos gruesos, contrasta con algo más delgado. Como se discutió en un hilo algo similar , Bauhaus y Bembo no tienen mucho en común, pero Bauhaus y Futura comparten algunas formas geométricas de letras mientras varían en grosor y elegancia general.

Fonts In Use es un gran recurso del que puedes inspirarte. Me vinculé a la sección web. No se ocupan de las fuentes gratuitas, pero esperamos que esto sea útil.

Brendan
fuente
4

Recomiendo este sitio web: http://hellohappy.org/beautiful-web-type/ . No hay tantas combinaciones, pero las muestran de una manera tan inspiradora.

Todas las fuentes están disponibles de forma gratuita para uso comercial en el brillante Directorio de fuentes de Google .

Si desea probar sus propias combinaciones para ver lo que le gusta (ya que es lo más importante, después de todo), vaya a http://font-combinator.com/ donde hay una gran herramienta para editar algunos bloques de texto para vea cómo van juntos, también usando el recurso gratuito de Google Font.

Busque ' Combinaciones de fuentes de Google ' para obtener más inspiración.

Scott Brown
fuente
2

Para una mejor comprensión de las fuentes, puede consultar https://typekit.com/

Tienen una gran colección de fuentes para usar en el diseño web, e incluso las fuentes de Google también tienen una buena colección de fuentes gratuitas.

Trabajar con fuentes, jugar con fuentes. Es la única forma de ser bueno en la selección de fuentes.

Pramod Kabadi
fuente
2

¿Has probado fooont.com ? Consiste completamente en pares de fuentes que están alojados en Google Webfonts.

Simplemente descargue el archivo CSS y úselo instantáneamente en su sitio web. Espero que esto ayude :)

Barata
fuente
1

Mixfont es un sitio que muestra varios emparejamientos de Google Fonts y hace que los usuarios voten sus emparejamientos favoritos.

Emily Williams
fuente
1

Hay muchos sitios que ofrecen combinaciones de fuentes. Algunos que no se han mencionado aún incluyen

  • Femmebot : para emparejamientos de fuentes de Google.
  • Par de fuentes : también para emparejamientos de fuentes de Google.
  • Canva : combinaciones de fuentes más generales.
  • DesignModo : también combinaciones de fuentes más generales.
  • FontJoy : para la generación aleatoria de pares de fuentes mediante aprendizaje profundo.
Zach Saucier
fuente
0

Recomiendo Typewolf.com . El sitio está dirigido por el diseñador llamado Jeremiah Shoaf.

Hay dos secciones que encuentro particularmente útiles:

  1. Las recomendaciones y listas de fuentes incluyen un par de listas de combinaciones de fuentes.
  2. Web Fonts in the Wild es una base de datos de fuentes que incluye una lista de combinaciones sugeridas y una muestra de combinaciones de fuentes de toda la web.

El sitio también presenta un excelente índice de fuentes similares / alternativas, incluido un documento disponible para comprar que enumera muchas alternativas gratuitas para fuentes pagas; Esto es especialmente útil si tiene un presupuesto limitado.

vpn
fuente