在網頁設計中，CSS字體投影十分重要，可以為字體增添層次感和美感。不同的字體投影效果也為網頁設計帶來了更多的可能性。那么，CSS字體投影怎么設置呢？

p{
color: #333;
text-shadow: 1px 1px 2px #ccc;
}
pre{
background-color: #f5f5f5;
padding: 10px;
border: 1px solid #ccc;
font-size: 14px;
font-family: 'Courier New', Courier, monospace;
}

上述代碼中，我們可以看到設置文字投影使用text-shadow屬性。具體來說，text-shadow屬性可接受三個參數：水平偏移量、垂直偏移量、模糊半徑和投影顏色，這三個參數用空格隔開。例如，1px 1px 2px #ccc 表示投影向右偏移1像素，向下偏移1像素，模糊半徑為2像素，投影顏色為 #ccc。可以通過修改這三個參數的值來調整投影的效果。

另外，在上述代碼中，我們還設置了pre標簽的字體樣式，這是為了方便顯示代碼。通過這種方式呈現CSS樣式代碼，使得讀者能夠一清二楚地看到樣式設置和預覽效果。