在威海前端切图外包过程中，适配各类页面字体是非常重要的一环。字体选择和设置不当可能会导致页面在不同设备、不同操作系统下显示效果不一致，影响用户体验。以下是一些关于如何巧用`font-family`属性来适配各类页面的要点：

1. **选择通用字体**：
- 优先选择那些广泛支持且在不同操作系统下都有安装的字体，如`Arial`, `Verdana`, `Helvetica`, `Times New Roman`, `Georgia`等。这些字体通常可以确保在大多数设备上正常显示。

2. **使用系统默认字体**：
- 对于中文，可以使用`font-family: "PingFang SC", "Microsoft Yahei", "Source Han Sans CN", sans-serif;`这样的组合，这样即使在不同的操作系统下，也会使用相应的默认字体。
- 对于英文，可以使用`font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;`这样的组合，涵盖了大多数主流操作系统和浏览器的默认字体。

3. **考虑字体版权**：
- 确保使用的字体在商业用途上是合法的，避免使用未授权的字体，以免涉及版权问题。在选择字体时，可以考虑使用开源字体或者购买商业字体授权。

4. **字体加载优化**：
- 如果页面需要使用特定的非通用字体，可以通过字体图标库（如Font Awesome）或者使用CSS3的`@font-face`规则来加载字体文件。在使用`@font-face`时，注意字体的压缩和优化，以减少文件大小和加载时间。

5. **响应式设计**：
- 在移动设备上，字体大小和样式可能需要根据屏幕尺寸进行调整。确保在不同的设备分辨率下，字体都能清晰可读。

6. **字体样式的一致性**：
- 确保整个网站的字体样式一致，包括标题、正文、按钮等元素的字体类型、大小、颜色和样式。这有助于提高用户体验的一致性。

7. **考虑无障碍访问**：
- 对于有阅读障碍的用户，确保字体清晰易读，避免使用难以辨认的字体或者过小的字体尺寸。

8. **测试和调整**：
- 在不同的设备和操作系统上测试字体显示效果，确保页面在不同环境下的字体显示一致且美观。根据测试结果进行调整，直到达到最佳效果。

通过合理选择和设置`font-family`属性，可以确保页面在不同设备上的字体显示一致，提升用户体验。同时，结合其他前端切图外包的技巧，如布局适配、图片优化、性能优化等，可以打造出更符合用户期望的网页。