CSS按需引用字體是Web前端開發中一種非常常見的技術，它可以大幅降低網站的加載時間以及縮小頁面文件大小。通常情況下，一個網站需要使用多種字體，但在實際訪問時，用戶只會看到其中極少數的字體，其余字體僅僅是浪費了帶寬和加載時間。因此CSS按需引用字體的技術就應運而生。

/* 使用@font-face定義字體 */
@font-face {
font-family: 'MyFont';
src: url('MyFont.eot');
src: url('MyFont.eot?#iefix') format('embedded-opentype'),
url('MyFont.woff2') format('woff2'),
url('MyFont.woff') format('woff'),
url('MyFont.ttf') format('truetype'),
url('MyFont.svg#MyFont') format('svg');
font-weight: normal;
font-style: normal;
}
/* 應用樣式 */
p {
font-family: 'MyFont', sans-serif;
font-weight: normal;
font-style: normal;
}

以上代碼是CSS按需引用字體的一種典型實現方式。首先，我們使用@font-face定義一個自己的字體，這里我們選擇了一個自定義的字體名稱'MyFont'，隨后通過src屬性指定字體的實際文件地址，包括eot、woff2、woff、ttf以及svg格式的文件。由于不同的瀏覽器對字體格式的支持不同，因此我們需要在src屬性中指定多個不同格式的文件，確保字體在各種平臺和瀏覽器上都能夠正常顯示。

隨后，我們在p標簽中應用MyFont字體，當然也可以同時指定其他備用字體。在CSS中，如果指定的字體不存在，則會依次按順序使用備用字體，直到找到合適的字體。因此在實際應用中，我們可以根據網站實際需要選擇相應的字體，從而實現按需引用、降低帶寬的目的。