ツールバーのフォントを変更したい



  • 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


 

Looks like your connection to Vivaldi Forum was lost, please wait while we try to reconnect.