CSS字體根據屏幕大小進行調整是一種常見的Web開發技術，這可以確保網頁在不同的設備上友好地顯示。以下是一個簡單的示例，展示如何使用CSS Media Queries和Viewport單位來調整網頁上的字體大小。

/* 定義默認字體大小 */
body {
font-size: 16px;
}
/* 在窄屏設備上使用較小的字體 */
@media screen and (max-width: 480px) {
body {
font-size: 14px;
}
}
/* 在大屏設備上使用較大的字體 */
@media screen and (min-width: 1024px) {
body {
font-size: 20px;
}
}

在上面的代碼中，先定義了一個默認的字體大小16像素。然后，使用CSS Media Queries指定在窄屏幕設備（小于或等于480像素寬）上使用14像素的字體，在大屏幕設備（大于或等于1024像素寬）上使用20像素的字體。

另外，可以使用Viewport單位設置相對于設備屏幕寬度的字體大小。例如：

body {
font-size: 3vw; /* 字體大小為屏幕寬度的3% */
}

這將使字體大小隨著屏幕寬度的變化而變化。然而，使用Viewport單位來設置字體大小時，需要注意文字內容的可讀性。

總的來說，使用CSS字體根據屏幕大小進行調整是一種很有用的技術，可以幫助網頁在不同設備上展現出更好的視覺效果。