Google Fonts

:discourse2: Resumen Google Fonts es un componente de tema simple que te permite agregar una fuente de Google Fonts sin escribir ningún CSS.
:eyeglasses: Vista previa Vista previa en el Creador de Temas de Discourse
:hammer_and_wrench: Enlace al repositorio https://github.com/discourse/discourse-google-font-component
:open_book: ¿Nuevo en los temas de Discourse? Guía para principiantes sobre el uso de temas de Discourse

Instalar este componente de tema

Características

Este componente te permite establecer la fuente principal del sitio y, opcionalmente, fuentes separadas para titulares y texto monoespaciado (bloques de código). También puedes elegir un grosor de fuente en cada caso y aumentar el tamaño de la fuente.

En segundo plano, esto configura un poco de CSS junto con el <link> de la fuente de Google. Ten en cuenta que esto depende de Google para servir los archivos de fuente desde https://fonts.googleapis.com/.

Configuración

Nombre Descripción
fuentes Agrega el nombre de la(s) fuente(s) que deseas usar de fonts.google.com. ¡Ten en cuenta que los nombres de las fuentes distinguen entre mayúsculas y minúsculas!
fuente del cuerpo La fuente principal utilizada en todo Discourse, debe estar incluida en la configuración “fuentes” anterior
peso de la fuente del cuerpo Grosor de la fuente en el rango de 100-900. 400 es normal, 700 es negrita
fuente de titulares Fuente opcional para titulares, debe estar incluida en la configuración “fuentes” anterior
peso de la fuente de titulares Grosor de la fuente en el rango de 100-900. 400 es normal, 700 es negrita
fuente monoespaciada Fuente opcional para bloques de código, debe estar incluida en la configuración “fuentes” anterior.
peso de la fuente monoespaciada Grosor de la fuente en el rango de 100-900. 400 es normal, 700 es negrita
tamaño de fuente normal Tamaño de fuente predeterminado para todos los usuarios; ajustarlo modificará todos los tamaños de fuente proporcionalmente
tamaño de fuente más pequeño Selectable en las preferencias de interfaz de cada usuario
tamaño de fuente más grande Selectable en las preferencias de interfaz de cada usuario
tamaño de fuente más grande posible Selectable en las preferencias de interfaz de cada usuario

:discourse2: ¿Alojado por nosotros? Los componentes de tema están disponibles para usar en nuestros planes Estándar, Comercial y Empresarial.

51 Me gusta

¡Esto es fantástico! ¿Se puede instalar varias veces para enlazar con diferentes temas cambiando su nombre en la instalación avanzada?

No veo por qué no. Hemos instalado el mismo tema dos veces, por ejemplo aquí en Meta, para tener tanto una versión clara como una oscura.

3 Me gusta

Gracias. Olvidé que puedes cambiarle el nombre para identificarlo o vincularlo con otros temas.

1 me gusta

Gracias. Me encanta. :grin:

3 Me gusta

¡Gracias :heart:! Me encanta de verdad.

Acabo de descubrir que este componente no funciona para las páginas /pub/ (publicadas). Las fuentes no se cargan en estas páginas, lo que resulta en una fuente predeterminada similar a Times New Roman.

1 me gusta

También veo fuentes predeterminadas, pero en la página de activación de cuenta https://yoursite.org/u/activate-account/...

Lo intenté y, en efecto, es un problema.

La página publicada intenta cargar la fuente de Google a través del componente del tema:

image

Como el archivo de fuente no se carga en la página publicada, no recurre a la variable font-family Arial, sans-serif y utiliza Times New Roman en su lugar.

Puede haber margen de mejora aquí, siempre que las páginas publicadas puedan acceder a las modificaciones necesarias.

1 me gusta

Para ser sincero, desde este descubrimiento, defino mis fuentes en CSS personalizado. Funciona muy bien.

2 Me gusta

Eso es genial, gracias a ti y a tu equipo por desarrollar una función tan conveniente ^^. La recomendaré a personas que conozco que usan Discourse para crear comunidades de usuarios.

Informe rápido de errores: Acabo de notar que cuando establezco el peso de la fuente, el texto en negrita no aparece como negrita.

Probé esto con las fuentes Work Sans y Zilla Slab. Cambié el peso de la fuente del valor predeterminado (400) a 300. Cuando hice esto, el texto en negrita no apareció como negrita. Restablecí esa configuración y el texto en negrita reapareció.

Lo establecí en 400 y lo dejé así, pero quería informarte.

¡Gracias por tu trabajo en esto!

¿Hay alguna forma de entrar un poco más en detalle? La fuente “Headline” aparece con un peso de 900 por defecto con Headers dentro de Topics. Sería genial poder establecer los valores predeterminados para cada uno de esos objetos Markdown.

1 me gusta

Parece que hay un error con esto, al menos en mi foro, si agrego la fuente “Inter” con este componente, sucede lo siguiente:

  • Comienza a editar o redactar un mensaje
  • Cambia a otra aplicación mientras el editor está abierto
  • Vuelve y el zoom está completamente mal, como si estuviera demasiado ampliado
  • También habrá errores con el chat y con el desplazamiento ahora

No estoy seguro si sucede con otras fuentes, pero sucede el 100% de las veces si agrego este componente a cualquier tema.

¿Es este un error conocido? ¿Hay alguna solución?

Gracias

2 Me gusta

Ya tenemos Inter integrado, si quieres cambiar la Fuente base y la Fuente de encabezado en la configuración del sitio del administrador, no es necesario ningún componente

2 Me gusta

¿Qué versión de Discourse? Estoy en la 3.3 estable y no veo Inter. Tengo los mismos problemas que algunos de los usuarios aquí con este componente.

Estoy en la 3.3 y quiero usar Inter. Si bien la fuente se carga, el texto EN NEGRITA no es negrita.

Necesitarás actualizar a la versión 3.4 para la opción Inter incorporada.

2 Me gusta

He fusionado recientemente una refactorización de este componente que se alinea mejor con las actualizaciones de Google Fonts; esto debería solucionar algunos problemas que la gente tenía con diferentes pesos que no aparecían.

Tenga en cuenta que el formato de la configuración cambió ligeramente para que los pesos ya no se puedan incluir en la configuración del nombre de la fuente como Roboto:300,300i,500, y esto tendría que actualizarse a un simple Roboto… pero debería migrar automáticamente al actualizar.

2 Me gusta