テーマのフォントを変更したい。style.cssの変更が上手く反映されません。

前提・実現したいこと　

WordPressでBizVektorのテーマでホームページを作成している初心者のものです。
デフォルトのフォントを変更するために子テーマを作成し、その中のStyle.cssに
以下のソースコードを貼り付けて変更を試みました。本質問の最後に念のためにそ
のStyle.cssの全コードを貼り付けておきます。

CSS/*フォントタイプを変更*/
1body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
2
3/*フォントサイズを変更*/
4biz-vektor/bizvektor_themes/plain/plain.css の
5body { font-size:95%;　…}

発生している問題・エラーメッセージ

**「フォントタイプを変更」の部分に関しまして、フロントページのみにしか反映さ
れません。**他のページにも同様の変更を加えたいのですが反映されない原因と反映
させる方法を教えていただけますと幸いです。

「フォントサイズを変更」の部分は85%から95%へ変更していますがいずれのペー
ジのフォントサイズも変更されませんでした。そこで現在はこのソースは残した
ままテキストエディタでフォントサイズを修正してやりたいことはできています
が何が問題であったのか気になっています。こちらもご教示願えますと幸いです。

特に「フォントタイプを変更」の部分は先に進めず困っており優先的に解決をし
たいと願っています。よろしくお願い申し上げます。

子テーマに格納されたStyle.cssの全コード

CSS/*
1Theme Name: BizVektor Child Tst
2Template: biz-vektor 
3*/
4@import url("../biz-vektor/style.css")
5/* header */
6.site-header {
7background-color: #9a9a9a;
8}
9
10/* sidebar */
11.site:before {
12background-color: #9a9a9a;
13}
14# secondary {
15background-color: #9a9a9a;
16border-top: 1px solid #9a9a9a;
17}
18
19/* footer*/
20.site-footer {
21background-color: #9a9a9a;
22}
23
24/*powerd以下を表示しない*/
25#powerd{
26	display:none;
27}
28
29/*フォントタイプを変更*/
30body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
31
32/*フォントサイズを変更*/
33biz-vektor/bizvektor_themes/plain/plain.css の
34body { font-size:95%;　…}
35コード

kei344

2020/01/25 04:10

（質問文は編集できます）質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

kei344

2020/01/25 04:28

コードブロックの開始部分を「```CSS」にすると言語にあわせたコードハイライトも利用出来ます。現在のコードにはCSSの文法的に問題がある「;　…}」や「の」のような物が含まれますが、そこは本番環境でも同じなのでしょうか。

行動規範の内容に同意します

回答1件

ベストアンサー

文法的に問題なのはとりあえず下記部分です。

CSS
1/*フォントサイズを変更*/
2/* 削除＞＞
3biz-vektor/bizvektor_themes/plain/plain.css の
4body { font-size:95%;　…}
5コード
6＜＜削除 */
7body { font-size: 95%; }

トップページ以外についてはキャッシュが残っていないか確認してみてください。（ページ表示高速化系プラグインを使用している場合はそのキャッシュも削除してください）

【Webブラウザのキャッシュ削除と、スーパーリロード方法一覧 | uzurea.net】
http://uzurea.net/cacheclear-and-superreload-2018/

その上で、何が必要な指定を上書きしているかを確認して調整してください。

【初心者向け！Chromeの検証機能（デベロッパーツール）の使い方】
https://saruwakakun.com/html-css/basic/chrome-dev-tool

【ChromeデベロッパーツールでCSSをチェックする方法 | なんでものびるWEB】
https://nandemo-nobiru.com/2944/

ちなみに当該テーマはアップデートを終了しているようです。

【【重要】今後のBizVektorとアップデートのお願い | アップデート情報,ベクトルからのお知らせ | 無料WordPressテーマ BizVektor [ ビズベクトル ]】
https://bizvektor.com/info/bizvektor-v-1-12-0/

投稿2020/01/25 05:35

kei344

総合スコア69416

ug37jp

2020/01/27 09:01

kei344様ご丁寧なご回答ありがとうございます。Webブラウザのキャッシュ削除を行い改善されませんでした。そこでChromeの検証機能を利用してみましたところ、問題がありそうな記述は.cssではなく.htmlっぽいです。当該のページには表が埋め込まれており、これが何か悪さをしているようでした。一つのセルのフォントのhtmlの記述を例にすると以下のようになっていました。これが一つのページでいろいろな箇所で発生しています（表の外側も）。 <span style="font-size: 12pt; font-family: verdana, geneva, sans-serif;">フォントの異なるテキストがここに入る</span> 表も含めて、ページすべてに同一のフォントを設定する方法はございませんでしょうか？