配合面板时钟小程序非等宽字体导致通知区域摆动

Question

我正在运行 Ubuntu 20.04 mate 桌面。我正在定制配合面板。我想使用以下数字字体，并添加了以下样式~/.config/gtk-3.0/gtk.css

#clock-applet-button.flat.toggle > box.horizontal > label {
    font-weight: normal;
    color: white;
    font-family: DS-Digital;
    font-weight: bold;
    font-size: 18px;
    /*padding-right: 10px;
    padding-left: 10px; */
    /*letter-spacing: 3px;*/
    /*margin: 8px; 
    margin-left: 14px;
    margin-right: 14px;*/
    padding: 0 15px 0 15px;
    font-stretch: ultra-condensed;
    outline-offset: 100px;
    background-color: red;
    /*border-left-width: 50px;
    border-right-width: 50px;*/
    /*outline-width: 20px;*/     
}
  

当数字压缩时它会摆动，例如当时钟数字从00到01

我录了

我尝试添加边距、填充，但它们不起作用。有没有技巧可以使用它来修复它gtk css？

Answer 1

您正在寻找的房产是

min-width: value

这将阻止框的宽度低于设定值。

在这里你可以看到文档，盒子属性可以在表7中找到。

为了解决数字仍在调整大小的问题，这与您选择的字体有关。在您提供的链接中，您可以看到数字 1 仅是其他数字宽度的一半。

要编辑字体的 .ttf 文件，您可以使用存储库中的 fontforge 之类的东西，这应该是一个简单的任务。

sudo apt install fontforge