CSS省略記号が特定のWebフォントで機能しない

Dec 12 2020

私のサイトのセクションで奇妙な問題が発生しています。h2タグでは、テキストが画面サイズを超えているときはいつでも、CSSの省略記号プロパティを使用したいと思います。

さて、これは私がこのページで使用している繰り返しのセクションです-そして唯一の違いはh2タグに適用されるフォントです-私が使用しているCSSスタイルが良いことを知っています(オーバーフロー:非表示、テキストオーバーフロー:省略記号、および等...)

誰かが私が問題を見つけるのを手伝ってくれる?

これは、正しい方法で機能しているセクションのスクリーンショットです。

これは、正しく機能していないセクションのスクリーンショットです

あなたはでサイトを訪問することができます- https://www.hacollective.com/ 違いを確認するために、モバイルサイズでテストします。

h2の問題があるパーツのIDは「col-221542828」です。

前もって感謝します、

シャハール。

回答

1 s.kuznetsov Dec 12 2020 at 02:16

楕円点がない場合の問題は、このために指定されたフォントにありますh2- font-family: tzur,sans-serif!important

ここに:

.font-tzur {
    font-family: tzur,sans-serif!important;
}

これはfont-load-tzur.cssファイルからロードされます。

このフォントの読み込みの正確さを確認してくださいtzur

例-別のフォントを配置すると、楕円形のポイントが表示されます。