ワードプレスサイト投稿記事のフォントとリンクの色が変わらない

Question

###前提・実現したいこと
SEO施策をするうえでstyle.cssで変更することになりましたので再投稿いたしました。
・投稿記事の文章・リンクのフォントをNoto Sans JPへ変更する。
・投稿記事のリンクの色を灰色へ変更する。
###試したこと・確認したこと
・style.cssに下記コードを追加したが変化なし。（下記ソース参照。）
→ style.cssの変更は、即時コンテンツへ反映されるのか？
・規定でstyle.cssのbody部分fontにNoto Sans JPが設定してある。（下記ソース参照。）
→ 特に設定追加は不要では？
・投稿記事のビジュアルエディターを使用すれば変更できる。
###ソースコード
↓ 以下、style.cssの末尾へ追加した設定。

a{
font-family: "Noto Sans JP";
color:#808080;
}
h1{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Noto Sans JP", sans-serif !important;
}

↓ 以下、style.cssのbody部分。

body,input,textarea,article {
	color: #1d1d1d;
	font: Noto Sans JP, sans-serif;
	font-weight: 400;
	line-height: 24px;
	word-wrap: break-word;
	-ms-word-wrap: break-word;
}
body {
	border-top: 6px solid #57ad68;
}

###補足情報(言語/FW/ツール等のバージョンなど)
▼ ワードプレス
WordPress 4.6.1
▼ 使用してるテーマ
Travelify バージョン 3.0.2

Comments

[pond]

すみません、自己解決しましたのでクローズさせて頂きます。

Answer 1

これ↓がないからじゃないでしょうか？

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

・・・

参考になるかわかりませんけれど、私はこう↓書いています。

/フォント/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

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 {
font-family:"ヒラギノ角ゴ Pro W3",メイリオ,Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

Comments

[退会済みユーザー]

あとリンクの色はこちらが参考になると思います♪
http://www.webcreatorbox.com/tech/css3-text-link/

[pond]

ご教示頂きありがとうございます。
下記を追加することでフォントは"Noto Sans JP"へ変わったのですが、
リンクの色は赤のままで変わりませんでした。

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

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 {
font-family: "Noto Sans JP";
}

a{
font-family: "Noto Sans JP";
color:#808080;
}

[pond]

度々すみません。
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
ですが、style.css（テーマTraverify）の先頭に定義してありました。

[退会済みユーザー]

そちらの＠マークはフォントスタイルの指定のときに書くものなので、リンクは無関係ですね。

リンクの色が「a」で変わらないのなら、他の場所で「a」についての指示がある可能性があります。
なので、こう書いてみてはどうでしょうか？
a{
color: #808080 !important;
}
他の指示より優先させる方法です。

[pond]

いつもありがとうございます。
@マークについてもご説明頂きありがとうございます。
リンクの色変更を試してみましたが、赤色から変わりませんでした。

[退会済みユーザー]

ためしに
a:link{
color: #808080;
}
これだと変わります？
「未訪問のときだけ灰色にして」という指示です。

[pond]

早々にご確認頂きありがとうございました。
>a:link{
>color: #808080;
>}
>これだと変わります？
→変わりませんでした。
>「未訪問のときだけ灰色にして」という指示です。
→そうなんですね。勉強になります。

[退会済みユーザー]

うーむ。それはどうなってるのでしょうね。ちょっとわかりませんね。

あとはこうしてアンカータグに「test」というlassを付けて、
<a href="http://example.com/" class="test">リンク先名</a>

そのclassにCSSを指定してみてはどうでしょうか？
.test{
color: #808080;
}

[pond]

いえいえ。とんでもないです。
勉強になります。
アンカータグの件、試してみます。ありがとうございます。