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?
Respuestas:
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:
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.
fuente
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.
fuente
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.
fuente
¿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 :)
fuente
Mixfont es un sitio que muestra varios emparejamientos de Google Fonts y hace que los usuarios voten sus emparejamientos favoritos.
fuente
Hay muchos sitios que ofrecen combinaciones de fuentes. Algunos que no se han mencionado aún incluyen
fuente
Recomiendo Typewolf.com . El sitio está dirigido por el diseñador llamado Jeremiah Shoaf.
Hay dos secciones que encuentro particularmente útiles:
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.
fuente