¿Qué fuente se usa en el editor de meta.discourse.org?

Soporte
1

¡Me doy cuenta de que la fuente es diferente de la fuente de la publicación/vista previa. ¡Muy bien! ¿Dónde está esta configuración?

La imagen muestra una consulta de ticket de soporte sobre restricciones de agrupación en un sistema de software, preguntando si cambiar ciertas configuraciones afectaría las funciones de navegación de grupos como la búsqueda de miembros por '@'. (Subtitulado por IA)
La imagen muestra una consulta de ticket de soporte sobre restricciones de agrupación en un sistema de software, preguntando si cambiar ciertas configuraciones afectaría las funciones de navegación de grupos como la búsqueda de miembros por '@'. (Subtitulado por IA)941×238 29 KB

Parece ser esto:
imagen

La única configuración relacionada que encontré fue para las fuentes generales:

La imagen muestra una página de personalización de "Estilo de fuente" de WordPress donde los usuarios pueden seleccionar estilos de fuente, incluida una fuente base y una fuente de encabezado, para su sitio, con opciones para restablecer o aplicar los cambios. (Subtitulado por IA)
La imagen muestra una página de personalización de "Estilo de fuente" de WordPress donde los usuarios pueden seleccionar estilos de fuente, incluida una fuente base y una fuente de encabezado, para su sitio, con opciones para restablecer o aplicar los cambios. (Subtitulado por IA)1196×598 22.3 KB

Gracias

3

Puedes hacer clic en “–d-font-family–monospace” en tu captura de pantalla.
Muestra:

--d-font-family--monospace: JetBrains Mono, Consolas, Monaco, monospace;

Está usando JetBrains Mono, es una gran fuente.

Relacionado con Monospace font in the Markdown-only editor - #14 by sam.

4

¡Es hermoso! :cara_sonriente_con_gafas_de_sol: Y encaja bien en el nicho tecnológico en mi caso, ya que se parece mucho a una fuente de terminal.

No estoy seguro de si me lo perdí en la respuesta, pero ¿dónde en Admin configuro esto para el editor?

Editar, creo que lo estoy encontrando: Change the default font on your site

Editaré una vez que lo haga.

5

Puedes sobrescribirlo con CSS, por ejemplo:

body {
    --d-font-family--monospace: consolas;
}

Ten en cuenta que esta variable no solo se usa en el editor.

Si solo quieres apuntar al editor:

.d-editor .d-editor-input {
  font-family: consolas;
}
6

Gracias. Lo conseguí añadiendo esto a mi encabezado global:

<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap" rel="stylesheet">

Y esto a mi CSS global:

:root {
  --d-font-family--monospace: "JetBrains Mono", Consolas, Monaco, monospace;
}

code,
pre,
.hljs,
.cooked code,
.d-editor-input,
.d-editor-preview code,
.d-editor-preview pre,
.markdown code,
blockquote code,
pre code {
  font-family: "JetBrains Mono", Consolas, Monaco, monospace !important;
}
7

¿Qué versión de Discourse estás utilizando?

8

image
image247×229 7.88 KB

9

La próxima vez que compiles, no necesitarás este CSS.
La fuente se introdujo el 2 de abril y tu fecha de compilación es el 27 de marzo.

10

Entonces, ¿puedo reconstruir ahora y eliminar todo el bloque de CSS que pegué arriba?

¿Y la fuente de Google?:

<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap" rel="stylesheet">
11

Sí, no necesitas ninguna adición.

12

¡Gracias, lo haré!

13

¡Me preguntaba por qué la fuente en Meta se veía mejor que en mi propio sitio, y ¡ahora sé por qué! :laughing:

Me alegra ver esta nueva actualización de fuentes, un cambio sutil pero se ve genial.