ما نوع الخط المستخدم في محرر meta.discourse.org؟

[haydenjames]

ألاحظ أن الخط مختلف عن خط المنشور/المعاينة. جميل جداً! أين هذا الإعداد؟

يبدو أنه هذا:

الإعداد الوحيد ذو الصلة الذي وجدته كان للخطوط العامة:

شكراً

[Arkshine]

يمكنك النقر على “–d-font-family–monospace” في لقطة الشاشة الخاصة بك.
يعرض:

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

إنه يستخدم خط JetBrains Mono، وهو خط رائع.

متعلق بـ Monospace font in the Markdown-only editor - #14 by sam.

[haydenjames]

إنه جميل! :وجه_مبتسم_بنظارات_شمسية: ويتناسب مع المجال التقني جيدًا في حالتي، حيث يبدو كثيرًا مثل خط طرفي.

لست متأكدًا مما إذا كنت قد فاتني ذلك في الإجابة، ولكن أين في الإدارة أقوم بتعيين هذا للمحرر؟

تعديل، أعتقد أنني أجده: Change the default font on your site

سأقوم بالتعديل بمجرد الانتهاء.

[Arkshine]

@haydenjames

، ولكن أين في الإدارة يمكنني ضبط هذا للمحرر؟

يمكنك الكتابة فوقه باستخدام CSS، على سبيل المثال:

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

لاحظ أن هذا المتغير لا يُستخدم فقط في المحرر.

إذا كنت تريد استهداف المحرر فقط:

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

[haydenjames]

شكرا لك. لقد حصلت عليها عن طريق إضافة هذا إلى الترويسة العامة الخاصة بي:

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

وهذا إلى CSS العام:

: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;
}

[Arkshine]

ما إصدار ديسكورس الذي تستخدمه؟

[haydenjames]

[Arkshine]

في المرة القادمة التي تقوم فيها بإعادة البناء، لن تحتاج إلى هذا CSS.
تم تقديم الخط في 2 أبريل، وتاريخ البناء الخاص بك هو 27 مارس.

[haydenjames]

إذًا يمكنني الآن إعادة البناء وإزالة كتلة CSS بأكملها التي لصقتها أعلاه؟

ماذا عن خط جوجل؟:

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

[Arkshine]

نعم، لا تحتاج إلى أي إضافات.

[haydenjames]

شكرا، سأفعل!

[KhoiUSA]

كنت أتساءل لماذا كانت الخطوط على Meta تبدو أفضل من موقعي الخاص، والآن أعلم السبب! :ضحك:

سعيد لرؤية هذا التحديث الجديد للخط، تغيير بسيط ولكنه رائع المظهر.