¿Buenas prácticas para elegir fuentes personalizadas en temas de Discourse?

Hola a todos,

Estoy personalizando el tema de mi Discourse y quiero actualizar la fuente predeterminada (cuerpo/títulos) por algo más único que se ajuste a la marca de mi comunidad. Sé que Discourse permite configurar fuentes a través de Admin > Customize > Themes/Colors, junto con la opción de agregar fuentes web personalizadas mediante CSS.

Unas cuantas cosas en las que me gustaría recibir opiniones:

  1. ¿Prefieren usar Google Fonts, fuentes autoalojadas o las opciones de fuentes integradas de Discourse?
  2. ¿Hay alguna preocupación de rendimiento (velocidad de carga de la página) al agregar fuentes web personalizadas?
  3. ¿Hay alguna mejor práctica de accesibilidad que deba tener en cuenta al elegir fuentes para la legibilidad?

¡Agradecería cualquier consejo, recomendaciones de componentes de temas o experiencias que hayan tenido al personalizar fuentes en su propia instancia de Discourse!

2 Me gusta

Mi opinión sería: evitar fuentes de estilo monoespaciado (por ejemplo, JetBrains Mono) porque son más difíciles de leer, a menos que tu comunidad esté compuesta por desarrolladores experimentados :wink:. Pero en serio, he estado en una comunidad con esa fuente y no es fácil (además, las letras están demasiado separadas para mi gusto).

2 Me gusta

El alojamiento propio siempre es una buena opción porque elimina la dependencia de un recurso externo, lo que significa una solicitud de red menos. Puedes descargar y alojar Google Fonts tú mismo, y las opciones de fuentes integradas de Discourse también provienen de Google y no dependen de sus servidores.

Como se mencionó, tener las fuentes servidas directamente desde tu sitio es mejor para el rendimiento (aunque las fuentes suelen ser pequeñas, por lo que no es una gran preocupación). Intenta no incluir más variantes y estilos de los que necesitas; por lo general, dos fuentes diferentes con pesos normal y negrita son suficientes.

Principalmente, evita fuentes que sean muy ligeras en apariencia, y si tu sitio tiene un modo oscuro, verifica también la legibilidad… a veces el esquema de colores puede marcar una gran diferencia. Intenta hacer zoom en tu navegador y cambiar el tamaño de la fuente en tus preferencias de usuario para asegurarte de que no ocurra nada inesperado.

1 me gusta