在网页设计中，字体和颜色是非常重要的元素之一。使用外部CSS文件可以大大简化和美化网页代码，同时也可以轻松地更换网页中的字体和颜色。

要在外部CSS文件中设置字体颜色，我们可以首先定义一个类或id选择器，然后在其中设置颜色属性。例如，以下代码将设置一个类.sel为红色：

.sel {
color: red;
}

然后，在网页中我们可以使用此类选择器来设置带有此类的元素的字体颜色，如下所示：

<p class="sel">这段文字将会变成红色</p>

同样的方法也适用于为id选择器设置字体颜色。以下代码将设置一个id为#title的元素的字体颜色为紫色：

#title {
color: purple;
}

然后，在网页中我们可以使用此id选择器来设置带有此id的元素的字体颜色，如下所示：

<h1 id="title">这是一个标题，将会变成紫色</h1>

除了设置特定元素的字体颜色之外，我们还可以设置整个文档的字体颜色。以下代码将为整个文档设置字体颜色为绿色：

body {
color: green;
}

然后，整个文档中所有的文字都将变成绿色。

因此，通过使用外部CSS文件，我们可以轻松地设置整个文档或特定元素的字体颜色，使我们的网页看起来更美观和专业。