WordPress Contact Form 7 の入力欄で文字サイズがバラバラになる

Question

WordPress 5.3
Contact Form 7 バージョン 5.1.6
テーマはLightning
を使用しております。

問い合わせ画面を何ページか作成しておりますが、
1部ページの入力欄でfontサイズがバラバラになる現象が発生しております。

PCでもスマホでも確認しましたが、同じ現象でした。

何かヒントがございましたら教えて頂けないでしょうか？

よろしくお願いいたします。

<tr>
<th>
<span class="any">任意</span><span>郵便番号</span>
</th>
<td>
[tel your-Zip-Code id:your-zip-code akismet:author]
</td>
</tr>

他の画面だと問題なく大きさが揃っている

<tr>
<th>
<span class="any">任意</span><span>郵便番号</span>
</th>
<td>
[tel your-Zip-Code id:your-zip-code  akismet:author]</td>
</tr>

Comments

[iss]

使っているThemeの名前なども記載いただけると嬉しい。

[seesaajira-]

テーマはLightningを使用しております

Answer 1

おそらくCSSのfont-familyの設定が両者で異なるのだと推測します。
デベロッパーツールでfont-familyの設定を確認してみてください。

画像をみると、CSSでデザインをカスタマイズしていますよね。（Contact Form 7にはデザインカスタマイズ機能はないので。）
そのCSSの違いをまずは確認してみてください。

Comments

[seesaajira-]

hatena19さん、回答ありがとうございます。
CSSではなくプラグインの問題でした。
また、よろしくお願いいたします。

[iss]

＞CSSではなくプラグインの問題でした。
回答者さんの名誉のために言うと、「プラグインの問題」ではなくプラグインの中で指定されている「CSSの問題」です。解法としてこちらのほうが正しいです。

Answer 2

みた感じの予想、フォントは新ゴですよね
日本語のWEBフォントをFontPlusだかAdobeFontsだかで読み込んでるんでしょう

日本語のWEBフォントは通信量節約のためにページ内で使われてる文字のデータだけの
サブセットを作って読み込むようになってるんで、それが原因なんじゃないでしょうか

2389以外は電話番号とかで使われてるから読まれてるとか

Comments

[seesaajira-]

KazuhiroHatanoさんのヒントで原因がわかりました。
ありがとうございます。
TypeSquare Webfonts for エックスサーバーのプラグインを停止したところ
現象が解消されました。

Answer 3

を停止したところ解決いたしました。