###前提・実現したいこと
WordpressのOnetoneというテーマでWebサイトの作成を行っています。
フォントを変更する必要が出て来たためフォントを変更する方法を調べては見たのですがフォントの変更ができません。
###発生している問題・エラーメッセージ
スタイルシート (style.css)
ここでフォントを指定するといたるところで書かれていますが
textarea
のfont-family:
がいたるところにあり何を変更するべきなのかわかりません。
body, button, input, select, textarea { color: #555; font-family:"Nikukyu";
この部分に当たりをつけたのですが変更してもフォントは変更されませんでした。
ただ、サンプルの
.wf-nikukyu { font-family: "Nikukyu"; }
の.wf-nikukyu
をどこに貼るのかなどがわかっていないです。
テーマヘッダー (header.php)
<link href="https://fonts.googleapis.com/earlyaccess/nikukyu.css" rel="stylesheet" /> </head>
リンクを貼る必要があるということでヘッダーに貼りました。
###該当のソースコード
上記に貼ったものが該当すると思った部分を変更した状態です。
こちらのサイトに乗っている適当なフォントにとりあえず変更できればいいと考えています。
https://web-bruno.com/google-japanese-font/
Webサイトはあまりいじったことがなくにっちもさっちも行かずに非常に困っています。
お助けください。
追記
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: serif, sans-serif; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
ここでfont-family
にserif
を追加したところ
明朝体には変化しましたが
上記サイトのどれかに変更することができませんでした。
http://yuta1223.hateblo.jp/entry/2016/10/20/Google%E3%81%8C%E6%8F%90%E4%BE%9B%E3%81%99%E3%82%8BWeb%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%80%81Google_Fonts_%2B_%E6%97%A5%E6%9C%AC%E8%AA%9E%E3%82%92%E8%A9%A6%E3%81%97%E3%81%A6%E3%81%BF%E3%82%8B
こちらのサイトを参考にして
上のコードの後に続いて
.wf-nicomoji { font-family: "Nico Moji"; }
を付け加えてみましたが変化ありませんでした。