在網頁設計中，字體和顏色是非常重要的元素之一。使用外部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文件，我們可以輕松地設置整個文檔或特定元素的字體顏色，使我們的網頁看起來更美觀和專業。