CSS方塊字體是當前比較流行的一種字體設計方式，它以方塊的形態呈現字形，給人一種簡約、時尚的感覺。但是，由于該種字體并不是系統默認字體，因此在頁面中使用時需要下載相應的字體文件，并將其引入到CSS文件中。

下面是具體的步驟：

1. 找到想要使用的CSS方塊字體，可以通過搜索引擎或者字體資源網站進行查找。比較常見的方塊字體包括Josefin Sans和Roboto Mono等等。
2. 下載該字體的字體文件，一般情況下包括.otf、.ttf、.woff和.woff2等格式。通常建議下載.woff或.woff2格式，因為這兩種格式具有壓縮和優化的特性，可以提升頁面性能。
3. 將字體文件放置在項目指定的文件夾內，比如一般放在“fonts”或者“assets/fonts”文件夾下。
4. 在CSS文件中引入字體文件，可以使用如下的代碼：

@font-face {
font-family: 'Josefin Sans';
src: url('../fonts/JosefinSans-Regular.woff2') format('woff2'),
url('../fonts/JosefinSans-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}

這段代碼中，我們使用@font-face規則聲明了一個自定義字體，其中包括字體名稱和字體文件的路徑。可以根據實際情況更改字體名稱和路徑。最后，需要將字體名稱應用到相關的元素上，比如：

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

這段代碼中，我們將字體名稱“Josefin Sans”應用到了整個頁面的字體上。如果要將字體應用到某個具體的元素上，可以使用類似如下的代碼：

.title {
font-family: 'Josefin Sans', sans-serif;
}

通過以上幾步，我們就可以成功地下載、引入和應用CSS方塊字體了。