新規投稿
フォローする

印刷時のフォントをCSSでカスタマイズ

いつもお世話になっております。

見積書を印刷するにあたり、フォントを統一(明朝体)にしたく、

印刷画面のカスタマイズ

などを参照してCSSをつくってみましたが、反映されません。

初心者なりに調べていますが、そもそも根本的に間違っている可能性が高く、とはいえ周囲にCSSがわかる人もおらず、ご教授いただけますと幸いです。

 

@media print {
   body {
     font-family:serif;
   }
}

F12での開発ツールのElementsで全体がbodyだったのでbodyで指定してみました。

よろしくお願いします。

0

1件のコメント

Avatar
江田篤史

佐野 智香様

お世話になっております.
トヨクモの江田と申します.

CSSセレクタには優先順位があります.
https://qiita.com/oh_rusty_nail/items/e896825cd54e5c0a3666

「body」ではなく「.contents-gaia」などで指定すれば反映されるかと思います.

江田篤史により編集されました
0
ログインしてコメントを残してください。