CSS中的字體在頁面設計中非常重要，直接關系到頁面的可讀性和美觀度。為了讓頁面的字體和邊框之間有足夠的間距，我們可以使用CSS中的margin屬性。

h1 {
font-family: "Arial";
font-size: 36px;
margin: 20px 0 0 20px;
border: 1px solid black;
padding: 10px;
}

在上述代碼中，我們使用了margin屬性來設置字體和邊框之間的間距。其中，20px表示上邊距和左邊距均為20像素，0表示右邊距和下邊距均為0。這樣設置可以讓字體和邊框之間保持上下左右均有足夠的間距。

如果我們只想在上邊距和左邊距設置間距，而希望下邊距和右邊距緊貼邊框，我們可以使用以下代碼：

h1 {
font-family: "Arial";
font-size: 36px;
margin-top: 20px;
margin-left: 20px;
border: 1px solid black;
padding: 10px;
}

通過設置margin-top和margin-left屬性的值，我們可以讓字體和邊框之間有指定的間距，而不影響其余部分的距離。這樣可以保證頁面的整體美觀度和可讀性。

總之，在設計頁面的時候，我們應該注重字體的排版和間距，這樣可以讓頁面看起來更加優美和舒適。