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



  • 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


Log in to reply
 

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