在网站设计中，字体是非常重要的设计元素，它能够增加网站的美感和可读性。在使用 CSS 的时候，我们可以通过字体文件来使用自定义字体。

如果想要使用自己电脑中安装的字体，我们需要在 CSS 文件中指定 @font-face 规则。@font-face 规则允许您加载在服务器上的字体文件。下面是一个例子：

@font-face {font-family: 'My Font';src: url('my-font.ttf') format('truetype');}

上面的代码中，我们首先用 "@font-face" 指令声明了一个自定义字体，然后使用 "src" 属性指定了字体文件的 URL 。

在 "font-family" 属性中，我们指定了字体的名称，这个名称可以和其他 CSS 中的规则配合使用。例如下面这个例子：

h1 {font-family: 'My Font', sans-serif;}

我们在这个例子中，将 h1 的字体样式设置为 'My Font' 自定义字体，如果无法加载该字体，会自动使用 sans-serif 字体。这样我们就可以使用本地字体来定制自己网站的字体了。