ALICE+サポート ユーザー助け合い掲示板 TOPページ ユーザー助け合い掲示板 ルビなどのタグ内にfont-familyが効かない 編集 キャンセル 削除 アク禁 アク禁解除 キャンセル 凍結 0 Anonymous iPad お世話になります。 サイト全体のフォントをCSSで以下のようにゴシック設定しています。 * { font-family: sans-serif; } 小説のテキストだけ明朝体にしたいのですが、以下のように設定して#text#を<div>でくくると、小説は明朝体になるのですが、<ruby>や<span>で囲まれた文字だけゴシック体で残ってしまいます。 .mincho { font-family: serif; } #text#のスタイルは、#txtのidにJavascriptで.minchoをつけたり外したりしてユーザーがフォントを選べるようにしたいので、できればあちこちにclass設定をしないで済む解決方法があると助かるのですが…。 お分かりになる方いたら教えていただけますでしょうか。 よろしくお願いします。 1 09/18 13:02 返信 コメント投稿 検索 5 しち SOG03 >>4 念のためなのですが、キャッシュクリアはChromeアプリ内で行っていますか? ▼参考 キャッシュと Cookie の消去 - iPhone と iPad - Google アカウント ヘルプ キャッシュと Cookie の消去 - iPhone と iPad - Google アカウント ヘルプChrome などのブラウザを使用すると、ウェブサイトの情報がキャッシュや Cookie に保存されます。こうしたキャッシュや Cookie を消去すると、サイトの読み込みや表示形式に関する問題の一部が解決します。 キャッシュと Cookie を削除する前に キャッシュと Cookie を削除すると、ブラウザで Google アカウントからログアウトすることがあります。再度ログインでsupport.google.com 自分はAndroidなのですが、以前「クリーナーアプリ等でスマホのキャッシュクリアを行ったのに、Chromeだけキャッシュが削除されなかったらしく、古いCSSが読み込まれてしまう」ということがありました。 そのときは上記のようにChromeアプリ内でキャッシュ削除の操作をしたところ、新しいCSSが無事読み込まれました。 お話を聞く限りでは、「古いCSSが読み込まれてしまっている」以外の原因がどうにも思い当たらないので念のため……。 上記の方法でも解決してないとしたら、 今お使いのクラスセレクタ「.mincho」を活用して、そのゴシック体になってしまう部分にも明朝体を指定してみるのも手かと……。 一部だけゴシック体のまま、というのは<ruby>・<span>要素ですか? それでしたら親要素に「mincho」のクラスセレクタがついている<ruby><span>だけにフォント指定をするなどどうでしょうか? 例)━━━━ .mincho ruby, .mincho span{ font-family:serif; } ━━━━━━ ▼参考 CSSでセレクタを自由に操る!便利な指定方法をわかりやすく解説! | ZeroPlus Media CSSでセレクタを自由に操る!便利な指定方法をわかりやすく解説! | ZeroPlus MediaCSSのセレクタは、さまざまな指定方法があります。 セレクタの指定方法をマスターすると、具体的に「あの要素だけに指定する」ことが容易にできるようになります。 多くのパターンがありますが、一度覚えてしまえばとても便利です。 一緒に学習していきましょう! きっとあなたもCSSの理解が深まることでしょう。zero-plus.io この指定の仕方なら、「親要素に『mincho』クラスが付与されているときのみ子要素の<ruby><span>を明朝体にする」ことができます。 1 09/19 12:31 返信 1ページ中1ページ目 561 view 残り書き込み 9994 件 人気スレ 名前変換について 2020年05月15日 01時48分 2 ブログ村について教えて下さい 2022年10月01日 09時18分 6 コメント送信時の情報表示について 2023年09月16日 13時29分 6 小説について 2020年03月13日 01時34分 5 関連スレ 掲示板TOPへ サイトTOPへ ALICE+サポート