General Question: Can you change font?

AnOgre

I was wondering if it was possible to change the default font for viewing text on websites and whatnot by using Vivaldi's settings? I tried searching for a similar topic but nothing came up.

iAN CooG

Have you tried looking at settings? typing "font" in the search it brings you the font setting, which is specifically in vivaldi://settings/webpages/

AnOgre

@iAN-CooG I have, but even trying some weird fonts, it seemed to have no effect (unless I'm blind, which is a very real possibility)

Opicka

@AnOgre

Becouse webpages have declared font in CSS. You can set yours for example using extention "Stylish" and set your own font for all. Code example: * { font-family: "Tahoma" !important; }

In this extention you can set webpages where use your CSS or you can turn it on/off manualy for everything.

AnOgre

@Opicka TY for the advice, I'll give that a shot.

danielson

Link seems to be out of order.

Looked at other similar extensions and they all seem to have security warnings by users.

Firefox has this option in its settings that work just fine.

Time for another Vivaldi feature request?

Pesala

@danielson Try this updated link

danielson

That was the first one i looked at.
As usual, i check reviews prior to installing and saw this at the top:

User Reviews

Vall Ny28 Oct 2021
This extension does shady calls to malware sites, DO NOT INSTALL. As reported by other users as well. To test this out open some page and press F12 - and under the network tab choose throttling to "offline" then under the console you will see
GET https://ext-affiliate.***/api/medium/14/status net::ERR_INTERNET_DISCONNECTED
By inspecting the extension source code there is others strange activities.
Reply

TAWSIF DAGGER 121 Dec 2021
YOU ARE RIGHT

nomadic

@danielson The extension you want to use is Stylus.

https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

barbudo2005

Use this code to prevent icons and buttons from displaying incorrectly:

*:not([class*="ico"]):not([class*="icon"]):not([class*="icons"]):not([class*="fa"]):not([class*="control"]):not([class*="button"]):not([role*="button"]):not([id*="button"]):not([class*="btn"]):not(button):not(i):not(a):not(span)

{font-family: Lato  !important;}

stardepp

@danielson

Use extension stylus and create this style:

*, html *, body * { font-family: Comic Sans MS }

To change the font system width in Vivaldi, use this .css code:

/*  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";
}

This code was created by @DoctorG.