Arial見出しフォントが2.7.0.beta5でTimesとして表示される

2.7.0.beta5 8fcad73b36 に更新したところ、サイト内のフォントが Times に表示されるようになりました(設定に問題がある場合のデフォルトだと推測しています)。

「見出しフォント」を別のもの(例:Roboto)に変更すると、サイトは Arial に戻ります(見出しを除く)。当初は「基本フォント」の設定に問題があると思い込んでいましたが、どうやら正常に動作しているようです。ただし、「見出しフォント」をデフォルト設定(Arial)に戻すと何かが壊れ、基本フォントが Times に表示されてしまいます。

特殊なテーマは使用しておらず、カスタムスタイルシートで --font-family 変数を設定しているわけでもありません。現在インストールされているテーマコンポーネントは以下の通りです(すべて最新バージョン):

  • Custom Header Links
  • DiscoTOC
  • Mobile Category List Adjustments
  • Topic Thumbnails
「いいね!」 2

Times 以外のすべての要素に Montserrat フォントを使用しています。

ページ内のほぼすべてのテキストを検証すると、Elements ページに font-family: var(--font-family); がそのまま表示されます。CSS の専門家ではありませんが、コンパイルされていないことが原因でしょうか?

「いいね!」 1

コミュニティフォーラムでも、アップデート後に昨日同様の現象を確認しました。サイトの再構築で、私たちも解決しました。

「いいね!」 3

@Nacho_Caballero さんは、UI 経由か CLI 経由でアップデートを行いましたか?2 回目のアップデートで問題は解決しますか?可能であれば、サイトの URL も投稿してください。

「いいね!」 2

UI 経由です。@pmusaraj さん、CLI 経由で再構築したところ、問題が解消したことを確認しました。

API 経由で更新後に何かが破損しているように見える場合は、常に CLI 経由で再構築を試みるように、私の標準作業手順書(SOP)に追記します。:sweat_smile:

「いいね!」 1

最近、2.7.0.beta5 (36ec09a07b) にアップグレードしたところ、Dark と Light 以外のテーマが font-family および heading-font-family のルート CSS 変数を設定しなくなったようです。

私の設定では、フォントと見出しフォントを「Arial」に設定しています。

カスタムテーマでは、以下の CSS をテーマの CSS に追加することで回避できます。

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

また、Graceful テーマでも同様の問題が発生しているようですが、こちらは上書きできません。

Dark と Light のテーマは影響を受けていないようです(これらはルート CSS 変数を設定しています)。

これは Discourse のバグと見なすべきでしょうか、それともカスタムテーマ側でこれらの変数を設定する必要がありますか?

DEV: Refactor font and category background importers (#12312) · discourse/discourse@4071af1 · GitHub に関連している可能性があります。cc @pmusaraj

@ryantm さん、これは本質的に同じ問題であるため、こちらに移動させました。

Meta 上の Graceful テーマではこの現象を再現できません。また、あなたのサイトでも再現できないようです。再現手順をご提供いただけますか?

また、フォント定義はテーマの CSS ではなく、コアの CSS ファイルに記述されるべきです。例は以下の通りです:

上記でリンクされた私のコミットが原因の可能性が高いですが、キャッシュされたスタイルシートに問題があるのかもしれません。強制更新を試されましたか?

「いいね!」 2

マージありがとうございます。

Graceful テーマは、ハードリフレッシュすることで正常に動作するようになりました。

一方、他のインポートしたカスタムテーマ(カスタムカラーパレットのみ)は、ハードリフレッシュしても動作しませんでした。別の Discourse インスタンスでテーマをエクスポートしてインポートし再現を試みたところ、問題なく動作しました。そこで、問題が発生していたサーバーでも同じくエクスポートとインポートを試みたところ、現在では正常に動作しています!

「いいね!」 1