CSS外部式是一種用于改變網頁元素的字體樣式的技術，通過在CSS中設置字體、字號、顏色等屬性，可以讓用戶在不同的設備上看到不同的字體樣式。

在傳統的網頁設計中，字體選擇通常是基于設備的屏幕尺寸和分辨率來確定的。這種方法容易導致在不同的設備上呈現的字體樣式不一致，用戶體驗不佳。而使用CSS外部式，可以在不同的設備上使用相同的字體樣式，從而提升網頁的可讀性和用戶體驗。

CSS外部式的原理是通過在HTML元素上添加一個style標簽，并將各種字體屬性設置為值，來設置該元素的字體樣式。例如，如果我們想在網頁上使用Google字體，可以如下代碼：

<style>

body {

font-family: "GoogleFonts", sans-serif;

</style>

其中，body元素上的style標簽包含了font-family屬性，將“GoogleFonts”設置為字體名稱，并使用 sans-serif 選項設置字體為無襯線字體。

除了字體名稱和字號，CSS外部式還可以改變字體的顏色、粗細、陰影等屬性，從而滿足不同的需求。例如，我們可以使用如下代碼將字體顏色設置為紅色：

<style>

body {

font-family: "GoogleFonts", sans-serif;

color: red;

</style>

當然，CSS外部式也有一些局限性。例如，如果使用默認字體，可能會影響某些設備的顯示效果。另外，如果更改了字體名稱或字號，可能會導致其他元素樣式出現問題。因此，在使用CSS外部式時，需要謹慎選擇字體名稱和字號，并考慮與其他元素的協調。

CSS外部式是一種重要的網頁設計技術，可以幫助網頁設計師實現統一字體樣式，提高網頁的可讀性和用戶體驗。