在CSS3中，字體規則得到了極大的改善和優化，通過新的CSS3 Font規則，我們可以更方便的控制文本的字體、字重、字形和大小等屬性，可以讓網頁設計更加精美。

@font-face {
font-family: 'Dosis'; /*字體名稱*/
src: url('../fonts/dosis-regular-webfont.eot'); /*字體文件位置*/
src: url('../fonts/dosis-regular-webfont.eot?#iefix') format('embedded-opentype'), /*兼容IE*/
url('../fonts/dosis-regular-webfont.woff') format('woff'), /*兼容Safari和Chrome*/
url('../fonts/dosis-regular-webfont.ttf') format('truetype'), /*兼容其他瀏覽器*/
url('../fonts/dosis-regular-webfont.svg#DosisRegular') format('svg'); /*兼容iOS*/
font-weight: normal;
font-style: normal; /*字體特性*/
}
h1 {
font: 400 48px/54px 'Dosis', sans-serif;
/* font-weight: 400;       字體粗細，400為普通體
font-size: 48px;       字體大小，48px為正文標題字體大小
line-height: 54px;     行高，54px為正文標題行高
font-family: 'Dosis', sans-serif;  字體名稱及備選字體*/
}

通過CSS3 Font規則，我們可以使用@font-face屬性來導入自定義字體，而不僅限于操作系統自帶的字體，讓網頁設計師在字體選擇上更加自由。

同時，通過font-weight屬性和font-style屬性，我們可以更加精細地控制字體的特性和風格，使文字呈現更加豐富的視覺效果。

在設計網頁時，掌握并合理運用CSS3 Font規則將會大大提升網頁的視覺效果和用戶體驗。