☰

mate-panel 时钟小程序非等宽字体导致通知区域摆动

tag-icon • tag-icon fonts mate gtk3 css
mate-panel 时钟小程序非等宽字体导致通知区域摆动

我正在运行 Ubuntu 20.04 mate 桌面。我正在自定义 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？

答案1

您正在寻找的房产是

min-width: value

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

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

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

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

sudo apt install fontforge

相关内容