Necesito algunas sugerencias de fuentes, por favor

Tengo dos necesidades separadas pero relacionadas.

Primero, el sitio web. Se trata casi en su mayoría de formularios (entrada de datos) y tablas. Para muchas de las tablas, necesito una fuente estrecha o condensada. Actualmente estoy usando OpenSans y OpenSansCondensed, ambos a 9 puntos. Parece funcionar bien, pero ¿habría algo mejor?

En segundo lugar, informes. Estos son informes tabulares. Alguna descripción, pero sobre todo fechas, números, dinero, etc. Producido en PDF. Actualmente uso Helvetica para la mayoría de las cosas. 9pt para encabezados de columna y texto de informe, y varios tamaños diferentes para encabezados de página. Algunos informes necesitan más espacio por línea, así que en esos estoy usando Arial Narrow. Estos funcionan bien, y el uso de Helvetica mantiene el PDF más pequeño. Pero un poco más de dinamismo estaría bien.

Actualmente solo puedo usar fuentes gratuitas, pero podré comprar fuentes más tarde, si es necesario. Así que las sugerencias gratuitas y de pago son bienvenidas.

Editar:

Intentaré ser más específico. El proyecto es un sistema contable. El sitio web se utiliza para la entrada de transacciones, el mantenimiento y la visualización de datos.

Imagine una página para agregar un registro que tiene 30 campos, en la pantalla de una computadora portátil o tableta, donde el desplazamiento está mal visto. O mostrando una tabla de transacciones que incluye una identificación, descripción, número de cliente, costo, precio de venta, descuento aplicado, P&L, fecha de venta y algunos otros campos. Es por eso que el tamaño de fuente suele ser de 9 puntos y la tabla necesita una fuente estrecha. Muchas cosas en el sitio web son de muy alta densidad. Por lo tanto, la fuente web debe ser lo más legible posible en 9 puntos y estrecha/condensada.

Los informes están en la misma situación. Muchos de ellos usan una fuente de 9 puntos con orientación vertical. Algunos tienen múltiples líneas (hasta 5) para cada entrada de detalle. Las fuentes estrechas se utilizan solo cuando es necesario. Por ejemplo, si un informe necesita demasiado ancho para que todo quepa en una sola línea, utilizará una fuente estrecha para que todo quepa en una línea, en lugar de tener dos líneas a medio llenar y usar más de dos veces tantas páginas.

Pasé horas mirando fuentes, pero hay tantas, y después de un tiempo todas se ven iguales, y todas se ven igual de feas ;-) Así que vine aquí en busca de ayuda para encontrar la mejor (o al menos una fuente de buen aspecto en tamaños de puntos pequeños y estrechos.

¿Eso ayuda? Siéntase libre de hacer preguntas si algo no está lo suficientemente claro.

¡Gracias!

Necesitaremos mucha más información para brindarle comentarios útiles. Lo único que puedo decir es que el tamaño de fuente de 9px es realmente pequeño. Mucha gente mantiene su tamaño de fuente mínimo en 10 o 12.
Dijo 9pt no 9px. Y creo que 9pt significa 12px, porque un pt es 4/3 de un px.

Respuestas (3)

Creo que puede darle a su sitio web una huella digital única usando más de un tipo de letra. Por lo general, me gusta la estética de un tipo de letra distinto para los encabezados y otro para el texto del párrafo.

Como mencionó que está buscando fuentes gratuitas, estoy seguro de que ya conoce Google Web Fonts. ¡Lo que quizás no sepa es que tienen una página de combinaciones de fuentes sugeridas con la configuración exacta que acabo de sugerir en mente!

Por ejemplo: Emparejamientos Open Sans

Revisar las diferentes combinaciones para cada fuente puede ayudarte a elegir una.

Si los informes y el sitio web se van a producir para la misma empresa, recomendaría imitar el estilo del sitio para los formularios. Puede que no funcione para tu caso, pero es algo a tener en cuenta. ¡Una identidad de marca única que sea consistente a través de múltiples medios puede darle a una empresa una apariencia muy pulida!

El sitio web:

Para los sitios web, hasta que @font-face tenga un soporte más amplio (y esta es mi opinión muy personal), tendría mucho cuidado con las fuentes que no son seguras para la web que usa. Está utilizando fuentes y tablas, por lo que necesita que su información sea clara y legible. 9pts suena terriblemente pequeño, no sé cómo se renderiza OpenSans en ese tamaño, pero lo he usado para texto más grande y el renderizado entre navegadores y sistemas operativos cruzados no fue tan bueno. Verdana 11, por otro lado, rinde perfectamente en todas partes. Tengo una cosa para Verdana 11 (no más grande que eso), así que tal vez lo intente.

Los informes:

Aquí es donde siento que la pregunta se vuelve demasiado amplia. Básicamente, está solicitando una fuente que se vea bien en los informes. Demasiado subjetivo.

¿Apoyo más amplio? Incluso IE5 lo tenía.
@minitech Quise decir "hasta que se reproduzca lo mismo en todas partes". ¡Increíblemente, la representación de IE es bastante agradable!

Puede que funcione o no, pero...

DMCA Sans Serif:

ingrese la descripción de la imagen aquí

DMCA Sans Serif condensado:

ingrese la descripción de la imagen aquí

Aquí está el sitio web de la fuente: https://typedesign.netlify.com/dmcasansserif.html

Nota: Indicó un tamaño de 9pt, que es 12px (1pt = 4/3 px). Los tamaños de fuente en los ejemplos anteriores están en px. El tamaño de fuente que podría funcionar mejor depende de la fuente.

Es de esperar que te des cuenta de que esta es una pregunta de 2013 . Apuesto a que ya eligió un tipo de letra 1 :)