CSS（層疊樣式表）是網頁設計中必不可少的一項技術，其作用是美化頁面布局。在CSS中，可以使用外部字體樣式文件來實現自定義字體的顯示效果。下面，我們就來詳細了解一下CSS外部字體樣式引用的相關知識。

首先，我們需要使用@font-face規則來引入外部字體樣式文件：

@font-face {
font-family: 'Open Sans';
src: url('http://example.com/fonts/OpenSans-Regular-webfont.ttf') format('truetype');
}

在這個例子中，我們使用@font-face規則來定義了一個名為“Open Sans”的字體，在字體樣式文件的路徑下使用了Truetype字體格式。這樣定義完畢后，我們就可以在CSS中直接使用這個自定義字體了。

接下來，我們在CSS中使用font-family屬性來設置字體樣式：

body {
font-family: 'Open Sans', sans-serif;
}

在這里，我們將自定義的“Open Sans”字體和系統默認的sans-serif字體做了一個兼容，這樣即使自定義字體無法加載，系統字體也可以起到替代的效果。

CSS外部字體樣式引用的好處是可以增強頁面的美觀度，豐富字體顯示效果。另外，也方便了開發者的管理，使得樣式代碼更為清晰簡潔。

總的來說，CSS外部字體樣式引用是一項非常有用的技術，既增強了網頁的視覺效果，又減少了代碼的冗余程度。在實際開發中，可以根據不同的需求選擇不同的字體樣式，來打造更為優美的頁面效果。