Ubuntu – How to change the top bar font in GNOME 3.30.1

fontsgnome-shellthemestop-bar

I am desperately trying to change the font of my top bar, but editing the gnome-shell.css in my currently installed theme (Canta-dark-square) does not work somehow. My .themes folder is in the /home/my_name/ directory.

What am I doing wrong?

Best Answer

to make entire top bar items size:

change the content in your gnome-shell.css file under .themes folder like below, put any value for your preferred font-size.

/* TOP BAR */
#panel {
  background-color: rgba(39, 42, 42, 0.85);
  /* transition from solid to transparent */
  transition-duration: 250ms;
  font-weight: bold;
  height: 2em;
  font-size: 10px;
}

Related Solutions

Ubuntu – Gnome Shell Title Bar won’t change

There is workaround for this.
Open dconf editor and change setting named:

org.gnome.desktop.wm.preferences.theme

to your theme (Adwaita or just enter Default)

Ubuntu – Change top panel font in Ubuntu 19.04

In Default Ubuntu 19.04

the User Shell Theme is /usr/share/gnome-shell/theme/Yaru/gnome-shell.css

If you want to use your own shell theme, you need to install user-shell theme. https://extensions.gnome.org/extension/19/user-themes/

If you are using the default one,

open the file /usr/share/gnome-shell/theme/Yaru/gnome-shell.css and edit the content like below. Please note that I have already added the line font-family: Arial, Helvetica, sans-serif; in below content.

/* TOP BAR */
    #panel {
      background-color: #1d1d1d;
      font-weight: 450;
      font-family: Arial, Helvetica, sans-serif;
      height: 1.86em;
      font-feature-settings: "tnum"; }

for Example: In the belwo .gif I have changed the top bar font from "Keraleeyam" to "Dyuthi"

Best Answer

Related Solutions

Ubuntu – Gnome Shell Title Bar won’t change

Ubuntu – Change top panel font in Ubuntu 19.04

Related Question