要在Angular网页组件中捆绑外部自定义字体包，可以按照以下步骤进行操作：

1. 将自定义字体文件（通常是.ttf或.otf文件）放置在Angular项目的assets文件夹中。如果没有assets文件夹，可以在src目录下创建一个。

2. 在项目的根目录中找到angular.json文件，并找到"assets"数组。在这个数组中添加一个对象，指定自定义字体文件的路径。例如：

"assets": [
  "src/favicon.ico",
  "src/assets",
  {
    "glob": "**/*",
    "input": "src/assets/fonts",
    "output": "/assets/fonts"
  }
]

上述代码片段中，我们假设自定义字体文件放在src/assets/fonts文件夹中。通过将input设置为该路径，并将output设置为"/assets/fonts"，可以将字体文件复制到构建后的assets/fonts文件夹中。

3. 在Angular组件的CSS文件（通常是组件的.scss文件）中，通过@font-face规则引用自定义字体。例如：

@font-face {
  font-family: 'MyCustomFont';
  src: url('/assets/fonts/MyCustomFont.ttf') format('truetype');
}

在上述代码中，我们假设字体文件名为MyCustomFont.ttf，并且已经将其复制到了assets/fonts文件夹中。使用url()函数指定字体文件的路径，并使用format()函数指定字体文件的格式。

4. 在组件的HTML文件中使用自定义字体。例如：

Hello, World!

在上述代码中，我们将自定义字体应用于一个段落元素。使用font-family属性指定字体名称，这里是'MyCustomFont'。

5. 构建并运行Angular应用程序，确保字体文件正确加载，并且自定义字体应用于相应的组件。

通过以上步骤，你可以成功地在Angular网页组件中捆绑外部自定义字体包。