CSS3 字體添加是網頁開發中非常重要的一部分。它使我們能夠在網頁中應用各種各樣的字體，美化網頁，提升用戶視覺體驗。

/* 基本字體樣式 */
body {
font-family: Arial, sans-serif;
font-size: 16px;
color: #333;
}
/* 添加自定義字體 */
@font-face {
font-family: "MyFont";//定義字體名稱
src: url("myfont.ttf");//定義字體文件路徑
}
/* 應用自定義字體 */
h1 {
font-family: "MyFont", Arial, sans-serif;
}
/* 文字陰影 */
h2 {
text-shadow: 1px 1px 2px #777;
}
/* 文字描邊 */
p {
-webkit-text-stroke: 1px black;
}
/* 文字漸變 */
span {
background: linear-gradient(to right, #FFC107, #2196F3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

上述 CSS3 字體添加代碼，包括基本字體樣式、自定義字體、文字陰影、文字描邊和文字漸變等。其中，@font-face 可以定義自己的字體并引用，實現字體的多樣化。文字陰影、文字描邊和文字漸變可以使字體視覺效果更加豐富。