CSSが一部だけ別のものが読み込まれる

Question

レンタルスペースのデザインをしています。
同一要素内で、一部font-familyが効きません。

<div class="main">
テキストテキストテキストテキストテキスト
<a href="xxx.html">link1</a> / <a href="yyy.html">link2</a>/
</div>

.main{
 text-align:center;
 padding:10px;
 font-family:'Sawarabi Mincho',“Times New Roman”,serif;
 }

※Googlefontsを利用しているため、デバイス側にフォントがダウンロードされているかは今回の問題点ではないと考えています。
この状態で、テキスト部分にはfont-familyが効くのですがlink1およびlink2にはfont-familyが効きません。

デベロッパーツールで確認すると、要素全体及びテキスト部分には正しくfont-familyが効いているのですが、リンク2つは指定したfont-familyではなく、レンタルスペース側で指定しているfont-familyが効いています。
編集できる部分ではないため、当該のfont-familyを削除することはできません。

 font-family:'Sawarabi Mincho',“Times New Roman”,serif!important;

も試してみましたがききませんでした。

追記
更にテストしてみたところ、テキストエリアの英数字には反応し、aタグには反応しない、という挙動のようです。

こちらで指定しているフォントが明朝体、レンタルスペース側で指定しているフォントがゴシック体のため、非常に違和感があります。
どうにかして指定しているフォントを利かせたいです。
よろしくお願いします。

Answer 1

レンタルスペースのfont-familyがaタグに指定されているとかなら.main aにもfont-familyを指定したらどうでしょうか？

.main a{
  font-family:'Sawarabi Mincho',“Times New Roman”,serif;
}

Answer 2

Times New Romanをくくっているエンクロージャーがおかしいですが
シングルクォートに変更してもだめでしょうか？

Comments

[wawako]

ご回答ありがとうございます。
こちら修正しましたが、どうもうまく効いてくれません。

テキスト本文にローマ字、数字を入れてみたところ、テキストでは効くため、aタグだと反応しないようです。
よろしくお願いいたします。

[yambejp]

修正後のソースで質問文も書き直してください