ツールバーのフォントを変更したい
-
TP版のVivaldiがリリースされましたが、UIのフォントが変なことになっていますので対処方法を少し。 [ol] [li]まず、テキストエディタで新規CSSファイルを作成しお好みのフォントを記述します。 [code]#browser,#browser+div,#browser+div+div{ font-weight:400; font-size:13px; line-height:1.2; color:#000; font-family:"Meiryo UI",sans-serif !important; } #browser.win,#browser.win+div,#browser.win+div+div{ font-family:"Meiryo UI",sans-serif !important; } [/code] UTF-8 でfont_style.cssと名前をつけてcommon.cssと同じフォルダに保存します。 ※common.cssは"C:\Users\ユーザー名\AppData\Local\Vivaldi\Application\バージョン名\resources\vivaldi\style"にあります、たぶん :whistle: 。詳しくはバージョン情報(vivaldi://about)からご確認ください。[/li] [li]ひとつ上の階層フォルダにあるbrowser.htmlファイルをテキストエディタで開きヘッダ部に以下を追記します。 [code]<link rel="stylesheet" href="style/font_style.css">[/code] [/li] [li]Vivaldiを再起動して変更を確認します。[/li][/ol] また、アップデートの度にbrowser.htmlの編集等が必要になります。 他にもcommon.cssを直接編集したり@importを使う方法等があるようですが、この方法が私としては楽かなと思います。 Enjoy Vivaldi !!
-
次のような書き方もあるかなと思います
当方はWindows8.1で動作を確認しましたが(多くの人が使ってるらしい)Windows7では確認できていません#browser.win,#browser.win+div,#browser.win+div+div { font-family: "Win7ja" !important; } @font-face { font-family: "Win7ja"; src: local("Segoe UI"); unicode-range: U+0000-007F; } @font-face { font-family: "Win7ja"; src: local("Meiryo UI"); unicode-range: U+0080-FFFF; }
It's fun to be with Vivaldi!
-
某掲示板で知ったのですが、vivaldi://chrome/settings/fontsでフォント設定を行うことでツールバーUIのフォントも変更可能なようです。最小フォントサイズが指定不可なのですが、こちらのの設定はエクステンション:Advanced Font Settingsを使用することで変更可能だそうです。また、エクステンションを使用しなくてもPreferencesファイルを直接編集することでも可能ですので参考コードを書いておきます。
"webkit": { "webprefs": { "fonts": { "fixed": { "Zyyy": "MeiryoKe_Gothic" }, "sansserif": { "Zyyy": "MeiryoKe_PGothic" }, "serif": { "Zyyy": "HGP明朝B" }, "standard": { "Zyyy": "MeiryoKe_PGothic" } }, "minimum_font_size": 12, "minimum_logical_font_size": 12 } } ```尚、最小フォントサイズを変更した場合に一部UIに不具合が出ることがあります。 Vivaldi:1.0.162.4 (Developer Build) Windows7(x64)
-
vivaldi://chrome/settings/fonts
ですが、私の環境ではVivaldiと表示されるだけで、何も表示されませんね。
Advanced Font Settingsは利用できたので問題ありませんが。Vivaldi 1.0.167.2 (Developer Build) Windows 8.1 64bit