在武汉前端切图外包工作中，适配各类页面字体是一项重要任务。字体选择和适配直接影响到页面的美观度和用户体验。以下是在切图外包中巧用`font-family`来适配各类页面的要点：

1. **了解目标平台和设备**：
- 不同的平台和设备可能默认使用不同的字体。例如，Windows 和 macOS 操作系统使用的默认字体不同，而不同的浏览器也可能对字体有所偏好。
- 了解目标用户群最常使用的操作系统和浏览器，以便选择合适的字体。

2. **选择合适的字体**：
- 选择字体时要考虑字体在不同的操作系统和浏览器中的显示一致性。
- 确保所选字体在不同的设备上都能正常显示，避免出现乱码或无法显示的情况。

3. **使用通用的字体**：
- 使用如`Arial`、`Verdana`、`Helvetica`、`Times New Roman`等通用的字体，这些字体在大多数设备上都有安装，并且显示效果较好。
- 避免使用一些特定平台或浏览器独有的字体，以免在其它环境中无法显示。

4. **字体 Fallback**：
- 在`font-family`属性中设置多个字体名称，以便在不同情况下字体无法显示时，系统能自动选择下一个字体。
- 例如：`font-family: Arial, Helvetica, sans-serif;` 表示首先尝试使用 Arial 字体，如果设备上没有 Arial，则尝试使用 Helvetica，如果两者都没有，则使用系统默认的 sans-serif 字体。

5. **考虑字体版权**：
- 确保所选字体是合法的，并且不会侵犯任何版权。在使用非免费字体时，应确保已获得适当的授权。

6. **响应式设计**：
- 在响应式设计中，确保字体在不同屏幕尺寸下都能清晰可读。
- 使用相对单位（如`em`或`rem`）来设置字体大小，以便在不同设备上都能保持良好的可读性。

7. **测试和调整**：
- 在不同的设备和浏览器上测试字体显示效果，确保字体在不同环境中的显示一致性。
- 根据测试结果调整字体大小、样式等，以达到最佳的显示效果。

8. **考虑用户自定义设置**：
- 一些用户可能自定义了系统的字体设置，因此在设计时应考虑到这一点，确保页面在不同字体设置下都能正常显示。

9. **提供字体预加载**：
- 如果页面使用了特殊字体，可以考虑使用`@font-face`规则来提供字体的预加载，以确保字体在页面加载时能够及时显示。

10. **保持字体的一致性**：
- 在整个网站或应用中保持字体使用的一致性，包括字体类型、大小、颜色和样式，以提供一致的用户体验。

通过关注以上要点，前端切图外包团队可以更好地适配各类页面字体，确保用户在不同设备和浏览器上都能享受到一致且美观的视觉体验。