ALICE+サポート ユーザー助け合い掲示板 TOPページ ユーザー助け合い掲示板 拍手のフォントが変更できない ユーザー助け合い掲示板 『拍手のフォントが変更できない』へのコメント投稿 記事 4 へのレス:>>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編集】に入れてください。 ▼お名前 ※最大20文字 ▼コメント ※最大10000文字 HTMLタグは使えません>>4 ▼画像添付(4個まで選択可) サクッとコメント スレッドへ 掲示板TOPへ ALICE+サポート