legacy-knowledge-base
公開されました Jun. 30, 2025

見出しフラグメントでフォントウェイトが反応しない

written-by

Adrienne Lao

How To articles are not official guidelines or officially supported documentation. They are community-contributed content and may not always reflect the latest updates to Liferay DXP. We welcome your feedback to improve How To articles!

While we make every effort to ensure this Knowledge Base is accurate, it may not always reflect the most recent updates or official guidelines.We appreciate your understanding and encourage you to reach out with any feedback or concerns.

legacy-article

learn-legacy-article-disclaimer-text

問題

  • 見出しフラグメントにフォントのウェイトを設定したにもかかわらず、フラグメントが無反応で、適用された設定に反応しない。

環境

  • DXP 7.4

解像度

  • これは意図された動作であると判断される。 一般的なスタイルの中には、スタイルの適用方法によって、すべてのフラグメントで機能しないものがあるからだ。 スタイルは、フラグメントを囲む外側の div に適用されます。 H1はユーザー・エージェントのスタイルシートによってフォント・ウェイトが提供されるので、親divによって提供される値を使用しません。
  • フォントの太さを変えるという最終目標を達成するために、いくつかの回避策があります。
  • これは、アドバンス・スタイルシートでより具体的なCSSを提供することで修正できる:
    .[$FRAGMENT_CLASS$] h1 { font-weight: 700; }のように。

    あるいは font-weight: inheritのように設定し、詳細タブで外側のdivにスタイルを設定します。
    .[$FRAGMENT_CLASS$] { font-weight: 700; } のように。
  • しかし、これを修正する正しい方法は、見出しフラグメントをクローンし、 data-lfr-styles 属性を含める ことです。 このプロパティの詳細については、ドキュメントを参照してください:フラグメントにスタイルを適用する

did-this-article-resolve-your-issue

legacy-knowledge-base