• Browser
  • Mail
  • News
  • Community
  • About
Register Login
HomeBlogsForumThemesContributeSocial

Vivaldi

  • Browser
  • Mail
  • News
  • Community
  • About

Navigation

    • Home
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    1. Home
    2. Let's talk about Vivaldi
    3. Tips & Tricks
    4. Change font throughout Vivaldi (Windows)

    Change font throughout Vivaldi (Windows)

    Tips & Tricks
    7
    11
    3.0k
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • stardepp
      S
      stardepp Translator Ambassador
      last edited by stardepp

      If you want to change your font system wide in Vivaldi you can do so:

      /* ================================================================================================== */
      /*  Change Font to Comic Sans */
      #browser.win,
      #browser.win + div,
      #browser.win + div + div,
      #browser.win button,
      #browser.win input,
      #browser.win select,
      #browser.win textarea {
        font-family: "Comic Sans MS";
      }
      #browser.win:lang(ar),
      #browser.win + div:lang(ar),
      #browser.win + div + div:lang(ar),
      #browser.win button:lang(ar),
      #browser.win input:lang(ar),
      #browser.win select:lang(ar),
      #browser.win textarea:lang(ar),
      #browser.win:lang(ku),
      #browser.win + div:lang(ku),
      #browser.win + div + div:lang(ku),
      #browser.win button:lang(ku),
      #browser.win input:lang(ku),
      #browser.win select:lang(ku),
      #browser.win textarea:lang(ku),
      #browser.win:lang(fa),
      #browser.win + div:lang(fa),
      #browser.win + div + div:lang(fa),
      #browser.win button:lang(fa),
      #browser.win input:lang(fa),
      #browser.win select:lang(fa),
      #browser.win textarea:lang(fa) {
        font-family: "Comic Sans MS";
      }
      #browser.win:lang(ja),
      #browser.win + div:lang(ja),
      #browser.win + div + div:lang(ja),
      #browser.win button:lang(ja),
      #browser.win input:lang(ja),
      #browser.win select:lang(ja),
      #browser.win textarea:lang(ja) {
        font-family: "Comic Sans MS";
      }
      #browser.win:lang(zh-CN),
      #browser.win + div:lang(zh-CN),
      #browser.win + div + div:lang(zh-CN),
      #browser.win button:lang(zh-CN),
      #browser.win input:lang(zh-CN),
      #browser.win select:lang(zh-CN),
      #browser.win textarea:lang(zh-CN) {
        font-family: "Comic Sans MS";
      }
      #browser.win:lang(zh-TW),
      #browser.win + div:lang(zh-TW),
      #browser.win + div + div:lang(zh-TW),
      #browser.win button:lang(zh-TW),
      #browser.win input:lang(zh-TW),
      #browser.win select:lang(zh-TW),
      #browser.win textarea:lang(zh-TW) {
        font-family: "Comic Sans MS";
      }
      

      You copy this code and create a new text file in Windows Explorer. You copy this code into it and save this text document. And you name this text file

      FontComicSans.css
      

      Then you type in Vivaldi's address line

      vivaldi://experiments
      

      There you activate this function:

      2020-09-22 10_15_40-Window.png

      You restart Vivaldi afterwards and go to the settings

      vivaldi://settings/appearance/
      

      There you will find a new menu item, here enter the folder in which the file

      FontComicSans.css
      

      2020-09-22 10_13_28-Window.png

      This way the font change is preserved even after a Vivaldi update, as long as you leave this file in the same folder.

      Of course you can also use this for other fonts, then replace Comic Sans MS with your desired font.

      • @nomadic had created this .css for me *

      🍀 Work spaces changed my work flow🍀Search Engine Collection🍀My Themes🍀Windows11 24H2🍀Motorola Edge 60 Fusion * Android 15🍀

      Pesala
      P
      1 Reply Last reply
      Reply Quote 2
      • stardepp
        S
        stardepp Translator Ambassador
        last edited by

        The font is also changed in the settings and in the context menu, here two examples:

        2020-09-22 10_22_01-Window.png 2020-09-22 10_22_57-.png

        🍀 Work spaces changed my work flow🍀Search Engine Collection🍀My Themes🍀Windows11 24H2🍀Motorola Edge 60 Fusion * Android 15🍀

        smileytiger28
        S
        1 Reply Last reply
        Reply Quote 2
        • Pesala
          P
          Pesala Ambassador @stardepp
          last edited by Pesala

          @stardepp said in Change font throughout Vivaldi (Windows):

          Then you type in Vivaldi's address line
          vivaldi://experiments

          There you activate this function:

          This step is no longer required. Custom UI Modifications are enabled by default in Vivaldi Stable 3.3 or later. One can also see the experiment features in the Biscuit Area of the Settings dialog. Enter the "dog face" emoji to enable it.

          Buscuit Area.png

          Blog • Vivaldi Review • Server Status
          Win 10 64-bit build 19045.2486 • Snapshot 7.4.3683.28 (64-bit)

          ?
          1 Reply Last reply
          Reply Quote 1
          • ?
            A Former User @Pesala
            last edited by

            @Pesala said in Change font throughout Vivaldi (Windows):

            This step is no longer required. Custom UI Modifications are enabled by default in Vivaldi Stable 3.3 or later.

            I've tried now with a clean --user-data-dir on my 3.4 & it's still disabled (by default).

            One can also see the experiment features in the Biscuit Area of the Settings dialog. Enter the "dog face" emoji to enable it.

            These are two different experiments... one is chrome://flags for Vivaldi's features & the other is almost purely for testing.

            1 Reply Last reply Reply Quote 2
            • Veldrin
              V
              Veldrin
              last edited by

              My windows 10 system fonts are all IBM Plex Serif and also a chrome extension forces IBM Plex Serif. With your css script now everything uses the IBM Plex Serif. But of all websites I ever visited only google chrome extensions store forces some of their fonts. But that's just a minor inconvenience, since youtube and google search engine itself are working like intended with my fonts. Thanks!

              1 Reply Last reply Reply Quote 0
              • smileytiger28
                S
                smileytiger28 @stardepp
                last edited by

                @stardepp said:

                The font is also changed in the settings and in the context menu, here two examples:

                My settings have changed but not my context menu, can anyone help me figure out why that is?

                DoctorG
                D
                1 Reply Last reply
                Reply Quote 0
                • DoctorG
                  D
                  DoctorG Soprano @smileytiger28
                  last edited by

                  @smileytiger28 Context menu is created by OS and can not be changed in Vivaldi.

                  _bug hunter · Volunteer helper · Sopranos tester · Language DE,EN · ♀👵
                  Known old dragon lady: Gwen aka Dr. Gwen Agon aka GwenDragon aka DoctorGTesting


                  Linux Debian 12 KDE X11 / Windows 11 Pro
                  Intel i5-7400 / NVidia GT 710

                  smileytiger28
                  S
                  1 Reply Last reply
                  Reply Quote 0
                  • smileytiger28
                    S
                    smileytiger28 @DoctorG
                    last edited by

                    @DoctorG How did OP change it then?

                    Veldrin
                    V
                    1 Reply Last reply
                    Reply Quote 1
                    • abbiegonzalez
                      A
                      abbiegonzalez Ambassador
                      last edited by

                      I wonder if this has been disabled?
                      It doesn't seem to pick up the CSS I've dropped, but there are options in ://flags that indicate the UI will override to the system font?

                      1 Reply Last reply Reply Quote 0
                      • stardepp
                        S
                        stardepp Translator Ambassador
                        last edited by

                        If you want to change your font system-wide in Vivaldi, this short .css code also works:

                        /* Font for Vivaldi UI */
                        * {
                          font-family: "Comic Sans MS" !important;
                          text-shadow: 0 0 .8px var(--colorFgAlpha) !important;
                          letter-spacing: .1px;
                        }
                        
                        .button-startpage button .button-title,
                        .startpage .startpage-navigation .startpage-navigation-group .button-startpage {
                          font-family: "Comic Sans MS" !important;
                        }
                        

                        🍀 Work spaces changed my work flow🍀Search Engine Collection🍀My Themes🍀Windows11 24H2🍀Motorola Edge 60 Fusion * Android 15🍀

                        1 Reply Last reply Reply Quote 1
                        • Veldrin
                          V
                          Veldrin @smileytiger28
                          last edited by

                          @smileytiger28

                          I changed OS fonts with Winaero Tweaker.

                          1 Reply Last reply Reply Quote 0
                          Loading More Posts
                          • Oldest to Newest
                          • Newest to Oldest
                          • Most Votes
                          Reply
                          • Reply as topic
                          Log in to reply
                          • 1 / 1
                          • First post
                            Last post

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

                          Copyright © Vivaldi Technologies™ — All rights reserved. Privacy Policy | Code of conduct | Terms of use | Vivaldi Status