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

1. **选择通用的字体**：
- 优先选择那些广泛存在于各种操作系统中的字体，如`Arial`、`Verdana`、`Tahoma`、`Helvetica`等。这样可以确保大多数用户都能正常显示字体。

2. **使用系统默认字体**：
- 在CSS中使用`font-family: sans-serif;`或`font-family: serif;`可以确保页面使用用户系统的默认字体，从而保证基本的显示一致性。

3. **指定备选字体**：
- 如果需要特定的字体效果，可以指定多个字体名称，当首选字体不可用时，浏览器会尝试使用备选字体。例如：`font-family: 'Open Sans', sans-serif;`

4. **考虑字体版权**：
- 确保所使用的字体在商业用途中是合法的，避免使用未授权的字体，以免涉及版权问题。

5. **使用字体图标**：
- 对于那些可能不支持的字体，可以使用字体图标库，如`Font Awesome`，这些图标通常是以字体形式存在的，因此可以很容易地通过CSS进行样式设置。

6. **字体加载优化**：
- 如果使用的是外部字体文件，要注意字体文件的加载速度，可以对字体文件进行压缩，或者考虑使用字体预加载技术。

7. **响应式设计**：
- 在移动设备上，字体的选择尤为重要，因为不同的设备可能使用不同的操作系统和字体。确保你的页面在各种设备上都能有良好的显示效果。

8. **字体大小和重量**：
- 根据页面的内容和设计风格，选择合适的字体大小和重量（如`normal`, `bold`, `italic`等）。这有助于提高可读性。

9. **字体嵌入**：
- 对于自定义字体，可以考虑使用@font-face规则来嵌入字体文件，这样可以在所有支持CSS3的浏览器中使用自定义字体。

10. **测试和反馈**：
- 进行广泛的测试，确保字体在不同设备和操作系统上的显示效果一致。收集用户反馈，及时调整字体设置。

通过合理地使用`font-family`属性，并考虑到不同设备和操作系统的差异，可以有效地适配各类页面，提升用户体验。