Quale carattere viene usato nell'editor di meta.discourse.org?

Supporto
1

Noto che il carattere è diverso da quello del post/anteprima. Molto bello! Dov’è questa impostazione?

L'immagine mostra una richiesta di ticket di supporto riguardo alle restrizioni di raggruppamento in un sistema software, chiedendo se la modifica di determinate impostazioni influirebbe sulle funzionalità di navigazione dei gruppi come la ricerca di membri tramite '@'. (Didascalia dell'IA)
L'immagine mostra una richiesta di ticket di supporto riguardo alle restrizioni di raggruppamento in un sistema software, chiedendo se la modifica di determinate impostazioni influirebbe sulle funzionalità di navigazione dei gruppi come la ricerca di membri tramite '@'. (Didascalia dell'IA)941×238 29 KB

Sembra essere questo:
immagine

L’unica impostazione correlata che ho trovato riguardava i caratteri generali:

L'immagine mostra una pagina di personalizzazione "Stile carattere" di WordPress in cui gli utenti possono selezionare stili di carattere, inclusi un carattere di base e un carattere per le intestazioni, per il loro sito, con opzioni per reimpostare o applicare le modifiche. (Didascalia dell'IA)
L'immagine mostra una pagina di personalizzazione "Stile carattere" di WordPress in cui gli utenti possono selezionare stili di carattere, inclusi un carattere di base e un carattere per le intestazioni, per il loro sito, con opzioni per reimpostare o applicare le modifiche. (Didascalia dell'IA)1196×598 22.3 KB

Grazie

3

Puoi fare clic su “–d-font-family–monospace” nel tuo screenshot.
Mostra:

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

Utilizza JetBrains Mono, è un ottimo font

Correlato a Monospace font in the Markdown-only editor - #14 by sam.

4

È bellissimo! :smiling_face_with_sunglasses: E si adatta bene alla nicchia tecnologica nel mio caso, dato che assomiglia molto a un font da terminale.

Non sono sicuro se mi sia sfuggito nella risposta, ma dove in Admin lo imposto per l’editor?

Modifica, penso di averlo trovato: Change the default font on your site

Modificherò una volta fatto.

5

Puoi sovrascrivere con CSS, ad esempio:

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

Nota che questa variabile non viene utilizzata solo nell’editor.

Se vuoi puntare solo all’editor:

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

Grazie. L’ho ottenuto aggiungendo questo all’intestazione globale:

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

E questo al CSS globale:

: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

Qual versione di Discourse stai usando?

8

image
image247×229 7.88 KB

9

La prossima volta che ricostruirai, non avrai bisogno di questo CSS.
Il font è stato introdotto il 2 aprile e la data della tua build è il 27 marzo.

10

Quindi posso ricostruire ora e rimuovere l’intero blocco di CSS che ho incollato sopra?

E il font di Google?:

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

Sì, non hai bisogno di aggiunte.

12

Grazie, lo farò!

13

Mi stavo chiedendo perché il font su Meta sembrasse migliore del mio sito, e ora so perché! :laughing:

Sono contento di vedere questo nuovo aggiornamento del font, un cambiamento sottile ma di grande effetto.