Возможно ли переопределить переменные Discourse?

Поддержка
1

Привет,

Я пытаюсь изменить типографику (семейство шрифтов, начертание и размер шрифтов) с помощью переменных Discourse.

$base-font-family: var(--font-family) !default;
$heading-font-family: var(--heading-font-family) !default;

Как мне изменить переменную heading-font-family, например, так: $heading-font-family: Arial;? Я пробовал несколько методов, но изменения не отображаются.

$heading-font-family: Arial;

:root {
  --heading-font-family: Arial;
}

Есть какие-то идеи?

2

Возможно, стоит посмотреть: https://meta.discourse.org/t/selectable-font-family-component/117493?

3

Спасибо за ответ.

На самом деле, в Discourse есть стандартная функция для этого. Но я хочу настроить типографику более детально.

image
image1480×436 20.6 KB

Поэтому я ищу способ изменить значения переменных. Я подумал, что смогу легко изменить всю типографику.

из variables.scss

// Шрифты
// --------------------------------------------------

$base-font-size-smallest: 0.815em !default; // экв. 13px
$base-font-size-smaller: 0.875em !default; // экв. 14px
$base-font-size: 0.938em !default; // экв. 15px
$base-font-size-larger: 1.063em !default; // экв. 17px
$base-font-size-largest: 1.118em !default; // экв. 19px
$base-font-family: var(--font-family) !default;
$heading-font-family: var(--heading-font-family) !default;

// Определения размеров шрифта, множитель ^ (шаг / интервал)
$font-up-6: 2.296em;
$font-up-5: 2em;
$font-up-4: 1.7511em;
$font-up-3: 1.5157em;
$font-up-2: 1.3195em;
$font-up-1: 1.1487em; // 2^(1/5)
$font-0: 1em;
$font-down-1: 0.8706em; // 2^(-1/5)
$font-down-2: 0.7579em; // Самый маленький размер, который мы используем на основе базы 1em
$font-down-3: 0.6599em;
$font-down-4: 0.5745em;
$font-down-5: 0.5em;
$font-down-6: 0.4355em;

Как вы думаете, возможно ли изменить эти переменные?

4

О, я думал, что это уже устарело и теперь есть лучший способ. Извините за это.

5

Спасибо за ответ @pfaffman. Надеюсь, есть способ переопределить эти переменные. В противном случае мне придется изменить CSS-классы.

6

Запустите мастер настройки заново: начиная с бета-версии 2.6, выбор шрифта стал отдельным шагом в мастере настройки.

7

Спасибо за ответ, @codinghorror. Значит, мы можем выбирать только определённые шрифты, верно? И я узнал, что эти переменные нельзя переопределить. Так ли это?

8

@bekircem Я только что протестировал мастер на версии 2.7.0.beta1, и доступные шрифты совпадают с теми, что указаны в настройках сайта, которые вы опубликовали выше (возможно, я что-то упускаю).

Вы, вероятно, уже разобрались с этим, но на всякий случай: вы можете использовать Google Fonts или просто заменить переменные CSS, как вы сделали в своём первом посте — это должно было сработать.

В моём экземпляре я использую этот CSS, и он работает (шрифт загружается через <link/> или @include).

:root {
  --heading-font-family: 'Inter', sans-serif;
  --font-family: 'Inter', sans-serif;
}