在阳泉前端切图外包工作中，掌握 `font-family` 字体的正确运用是非常重要的。`font-family` 属性用于指定元素的字体系列。下面是一份关于 `font-family` 字体运用的攻略：

1. **了解字体系列**
- 字体系列是指一组字体，通常包括常规（normal）、粗体（bold）、斜体（italic）等样式。
- 前端开发中常用的字体系列包括 `sans-serif`（无衬线字体）、`serif`（衬线字体）、`monospace`（等宽字体）等。

2. **指定字体系列**
- 使用 `font-family` 属性来指定字体系列，例如：
```css
font-family: Arial, Helvetica, sans-serif;
```
这个例子中，首先列出了希望使用的字体（Arial, Helvetica），如果浏览器没有这些字体，它会使用 `sans-serif` 字体系列作为后备。

3. **使用系统默认字体**
- 如果你想使用系统的默认字体，可以简单地设置：
```css
font-family: system-ui;
```
这个属性值会告诉浏览器使用操作系统默认的用户界面字体。

4. **自定义字体**
- 如果你想使用自定义字体，你需要使用 `@font-face` 规则来导入字体文件。例如：
```css
@font-face {
font-family: 'MyCustomFont';
src: url('my-custom-font.woff2') format('woff2'),
url('my-custom-font.woff') format('woff');
}

.my-custom-font-class {
font-family: 'MyCustomFont';
}
```
在这个例子中，我们定义了一个名为 `MyCustomFont` 的字体，并提供了两种格式 `woff2` 和 `woff` 的字体文件路径。然后我们可以在 `.my-custom-font-class` 类选择器中使用这个字体。

5. **字体权重**
- 使用 `font-weight` 属性来指定字体的粗细，例如：
```css
font-weight: bold;
```
或者指定具体的数值，如 `font-weight: 700;`。

6. **字体样式**
- 使用 `font-style` 属性来指定字体的样式，例如：
```css
font-style: italic;
```
或者指定具体的数值，如 `font-style: normal;` 或 `font-style: oblique;`。

7. **字体大小**
- 使用 `font-size` 属性来指定字体的大小，单位可以是像素 `px`、 rem、em 或其他单位。

8. **字体组合**
- 在设计中，通常会使用多种字体来创建层次结构和视觉效果。确保你的字体组合在不同的设备和操作系统上都能看起来一致。

9. **响应式设计**
- 在移动设备上，字体大小可能需要根据屏幕宽度进行调整。使用媒体查询来调整字体大小。

10. **性能优化**
- 尽量减少字体文件的大小，以提高网页的加载速度。使用字体压缩工具，如 `fontmin`。

11. **可访问性**
- 确保字体大小足够大，以便于阅读，尤其是对于有视觉障碍的用户。

12. **测试和调整**
- 在不同的设备和浏览器上测试你的字体设置，确保它们看起来一致，并且对用户友好。

通过掌握这些 `font-family` 字体的运用技巧，你可以更好地进行阳泉前端切图外包工作，确保你的设计在不同的设备和浏览器上都能得到一致的呈现。