Bloggerウィジェット（Widget）のPageのフォント指定CSS

ブログ自体のフォント指定CSSは、
簡単にFont-familyで指定可能でした。

ですが、
私のブログでは記事タイトルの上部に、
pageウィジェット？ガジェット？を追加してあります。
（というか元々追加されていました。）

そこのフォントだけは、
Font-familyCSS指定では変わりませんでした。

数日間四苦八苦(＠Д＠;　アセアセ・・・。

やっとの思いでCSSにて設定ができました。

結論から言うと、

変換しにくい文字や、「々」や「ヴ」や「ヶ」だけを打つ方法

2014.09.21

ECUリセット方法で消費燃料とアイドリング高いのが安定

2014.11.26

バイザー取り付け、おすすめ超強力両面テープにて

2015.03.08

USBハブとUSB切替機の違い

2014.05.17

トヨタ純正マルチヒューズ修復でもマルチヒューズなんて知らなかった

2015.02.102023.03.02

要素の検証にて、該当する部分のclass？id？が判明しました。

ε=(・ρ・*) フゥ

最初からそうしろよ！！
って話しかも…。
（でも、そう言わんといてぇ～( 」´0｀)」）

以前は（以下試してみたこと）、

１.HTML編集画面からid=PageLists1だったので、

CSSにて、

div#PageLists1 {
font-family: "ヒラギノ角ゴ Pro W3", "meiryo","メイリオ", "ＭＳ Ｐゴシック", Sans-serif;
}

とか、

２.ウィジェット内のを更に追跡してみると、

<span id=main～>とかいう部分を見つけたので、

.main {
font-family: "ヒラギノ角ゴ Pro W3", "meiryo","メイリオ", "ＭＳ Ｐゴシック", Sans-serif;
}

とか

３.HTML編集の<skin>…</skin>内にデフォルトで以下の様な記述があった為、

<Group description="Tabs Text" selector=".tabs-inner .widget li a">
     <Variable name="tabs.font" description="Font" type="font"
         default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="tabs.text.color" description="Text Color" type="color" default="#999999" value="#ffffff"/>
     <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000" value="#ffffff"/>
   </Group>

かなりのバカさ加減なことをしていました。

【結論】：備忘録とページのタイトルのフォント指定はどうするのかなぁ？

.tabs-inner .widget li a {
font: normal normal "ヒラギノ角ゴ Pro W3", "meiryo","メイリオ", "ＭＳ Ｐゴシック", Sans-serif;
}