在uni-app中自定义APP的自带Tabbar和Navigation的字体，可以通过修改全局样式和组件样式来实现。下面是一个示例，展示了如何修改Tabbar和Navigation的字体样式。

修改Tabbar字体

首先，确保你在pages.json中配置了Tabbar。例如：

{
  "tabBar": {
    "color": "#7A7E83",
    "selectedColor": "#3cc51f",
    "borderStyle": "black",
    "backgroundColor": "#ffffff",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "static/tabbar/home.png",
        "selectedIconPath": "static/tabbar/home-active.png"
      },
      // 其他tab配置...
    ]
  }
}

然后，在全局样式文件App.vue的<style>部分，添加自定义字体样式：

<style>
.uni-tabbar-text {
  font-family: 'YourCustomFont', sans-serif; /* 替换为你的字体名称 */
  font-size: 14px;
}

.uni-tabbar-item.active .uni-tabbar-text {
  color: #3cc51f; /* 选中状态的字体颜色 */
}
</style>

修改Navigation字体

对于NavigationBar的字体修改，通常需要借助uni.setNavigationBarTitle方法动态设置标题，并在全局样式中定义字体。

在App.vue或页面脚本中设置标题：

onShow() {
  uni.setNavigationBarTitle({
    title: '自定义标题',
    success: () => {
      // 设置成功后可以执行其他操作
    }
  });
}

然后，在全局样式文件App.vue的<style>部分，添加自定义字体样式：

<style>
/* 设置NavigationBar标题字体 */
.navigation-bar-title {
  font-family: 'YourCustomFont', sans-serif; /* 替换为你的字体名称 */
  font-size: 18px;
  font-weight: bold;
}

/* 注意：实际上uni-app没有直接提供.navigation-bar-title这个类，
   这里是为了示例说明如何定义字体样式。实际修改NavigationBar标题字体
   通常依赖于系统默认，或通过自定义组件和样式模拟实现。 */
</style>

<!-- 如果需要模拟NavigationBar，可以在页面顶部添加一个view，
     并通过样式控制其字体 -->
<template>
  <view class="custom-navigation-bar">
    <text class="navigation-bar-title">{{ navigationTitle }}</text>
  </view>
  <!-- 页面内容 -->
</template>

<script>
export default {
  data() {
    return {
      navigationTitle: '自定义标题'
    };
  }
};
</script>

请注意，由于uni-app对NavigationBar的原生控制有限，直接修改其字体并不总是可行。如果上述方法无法满足需求，你可能需要自行实现一个自定义的NavigationBar组件。