如何修改GtkHeaderBar头部栏中GtkLabel组件的字体与样式

问题1：GTK 4 CSS节点名称规则不匹配 #

GTK 4 开始组件的CSS节点名称不带Gtk前缀，你之前写的GtkLabel选择器无法命中目标，正确的节点名是label。如果要命中指定ID的组件，直接用ID选择器#version即可，不需要加前缀。
修复后的CSS示例：

/* 命中所有label组件 */
label {
    color: red;
    font-weight: bold;
}
/* 仅命中头部的version标签，更精准不会影响其他label */
#version {
    color: red;
    font-weight: bold;
}

问题2：CSS Provider 作用范围优先级不足 #

你将CSS Provider仅绑定到了窗口的样式上下文，子组件继承优先级可能被系统主题覆盖，建议将Provider绑定到全局Display级别，确保所有组件都能加载到样式，同时调整初始化顺序，先初始化模板再加载CSS：
修改example_app_window_init函数代码：

static void
example_app_window_init (ExampleAppWindow *win)
{
    // 先初始化UI模板
    gtk_widget_init_template (GTK_WIDGET (win));

    GtkCssProvider *cssProvider = gtk_css_provider_new ();
    gtk_css_provider_load_from_resource (cssProvider, "/org/gtk/exampleapp/theme.css");

    // 绑定到全局display，优先级更高
    gtk_style_context_add_provider_for_display(
        gtk_widget_get_display(GTK_WIDGET(win)),
        GTK_STYLE_PROVIDER(cssProvider),
        GTK_STYLE_PROVIDER_PRIORITY_USER
    );
}

问题3：Pango标记未开启导致标签消失 #

你在XML里直接给label加<b>标签不生效/标签消失，是因为没有开启use-markup属性，开启后就可以直接用Pango标记调整样式，不需要CSS也能实现加粗效果：
修改XML里的version标签配置：

<object class="GtkLabel" id="version">
  <property name="label" translatable="yes">&lt;b&gt;Version 1.0.0&lt;/b&gt;</property>
  <property name="use-markup">True</property>
</object>

问题4：C代码类型定义笔误 #

你当前的G_DEFINE_TYPE宏第一个参数拼写错误，少了字母e，这个错误会导致组件初始化异常：

// 修复前
G_DEFINE_TYPE(ExamplAppWindow, example_app_window, GTK_TYPE_APPLICATION_WINDOW);
// 修复后
G_DEFINE_TYPE(ExampleAppWindow, example_app_window, GTK_TYPE_APPLICATION_WINDOW);

额外调整：将标签放到HeaderBar右侧 #

你当前配置的type="start"对应HeaderBar左侧，要放到右侧修改为type="end"即可：

<child type="end">
  <object class="GtkLabel" id="version">
    <!-- 其他属性配置 -->
  </object>
</child>

内容的提问来源于stack exchange，提问作者alexmro