凍結
0 hn iPhone
トップや他のページは統一されてるのに、何故か拍手だけのフォントが変わりません…。

どこを編集したらよいでしょうか?
09/13 19:29
返信
コメント投稿 検索
5 hn iPhone
フォント変更解決いたしました…!皆様本当にありがとうございます。

HP運営がんばります。
09/17 07:12
返信
4 しち SOG03
>>0
『拍手だけ』というのは、どこを指していますか?
🅰️ 拍手の『ありがとう画面』内のテキスト類
※『ありがとう画面』…拍手送信後に表示されるお礼画面のこと
🅱️ 拍手の『フォーム部品(コメント欄や送信ボタン)』の文字

以下当てはまるほうをご確認ください。
両方でしたら🅰️より順にご確認ください。


#🅰️ 拍手の『ありがとう画面』内のテキスト類のフォントを指定したい
拍手機能の管理画面内にある【HEAD編集】に、フォントを指定するCSSを書きます。
WEBフォントをお使いならば、WEBフォントを読み込むためのコードも、この拍手機能の【HEAD編集】に入れてください。

ここに書いて変わらないのなら、トップページの【CSSファイル編集】に書いてある内容で、拍手のHEADに書いたフォント指定が打ち消された可能性があります。
またはCSSのコード自体にミスがあるなども考えられます。

この場合は「どこに」「どんなCSSを」書いているのか書き込まれたほうが、問題箇所の発見はしやすいかと思われます。

拍手機能のCSSは、
*1️⃣ トップページの【CSSファイル編集】に書いたCSS
*2️⃣ 拍手機能の【HEAD編集】の<style>間に書いたCSS
が適用されます。

そしてスタイルの適用優先順位は、1️⃣トップページCSSのほうが高いのです……。
しかも、トップページCSSの適用は強制です。拍手機能管理画面で「トップページCSSを適用しない」を選んだり……というのはできません。
なのでトップページCSSを使っている場合は、『拍手機能の【HEAD編集】にCSSを書いたのに、反映されない!』→『トップページCSSにスタイル指定を上書きされてるせいだった……』ということがとてもよく起こります……。

その場合は、クラスセレクタを利用したりimportantを使ったりして解決するほかありません。


#🅱️ 拍手の『フォーム部品(コメント欄や送信ボタン)』の文字を指定したい
フォーム部品は、デフォルトだと親要素のフォント(サイズ・種類)を継承してくれません。
なので、継承するように指定するか、親要素と同じフォントを指定します。

以下の内容を、
フォント指定をしているCSSに追記してみてください。
━━━━━

input[type], textarea, select, button{
font-family: inherit;/* フォント種類を継承 */
font-size: 100%;/* フォントサイズを親要素と同じにする */
}

━━━━━
「font-size: 100%;/* フォントサイズを親要素と同じにする */」は、不要でしたら消してOKです。
フォントを指定するフォーム部品(inputなど)は、一般的なものをとりあえず列挙しました。こちらも不要なものは消してOKです。

「inherit」が『親要素の値(この場合フォントの種類=jを継承する』という指定です。
フォーム部品に直接フォントの種類を指定したい場合は、「inherit」部分をお好みのフォント名に変更してください。

>※もし『拍手のありがとう画面ではお礼文もフォーム部品もフォントが意図通りのものにならない』ということでしたら、
拍手機能の【HEAD編集】にフォント指定のCSS&上記のCSS(フォーム部品に親要素のフォントを継承)を追記してみてください。
WEBフォントをお使いならば、WEBフォントを読み込むためのコードも、拍手機能の【HEAD編集】に入れてください。
09/16 19:56
返信
3 Anonymous Firefox
>>1
CSSなどで指定したフォントがインストールされていない端末でページを観覧しているのかも
または単にCSSなどの記述ミスとか
09/14 18:30
返信
2 Anonymous Chrome
HEAD編集で別のタグで指定されているかもしれません。あれば削除してください。
09/14 16:26
返信
1 hn iPhone
>>0

フォントの【種類】です。説明不足ですみません:
よろしくお願いします。
09/13 21:39
返信