CSS中的藝術字可以為網站添加時尚感和個性化。通過定義字體特效和排版規則,CSS可以制作各種風格的藝術字。
@font-face { font-family: "HappyMonkey"; src: url("fonts/HappyMonkey.ttf") format("truetype"); } p { font-family: "HappyMonkey", cursive; font-size: 48px; line-height: 1; letter-spacing: 5px; text-shadow: 2px 2px 0px #e6dada; } h1 { font-family: "HappyMonkey", sans-serif; font-size: 72px; font-weight: bold; text-decoration: underline; text-transform: uppercase; text-align: center; color: #be3540; text-shadow: 3px 3px 0px #f6e6e6, 5px 5px 0px #be3540; }
在上面的代碼中,使用了@font-face引入字體文件,定義了一個名為HappyMonkey的字體。在p標簽中,設置了該字體的樣式:字體為cursive,大小為48px,行高為1,字間距為5px,添加了自然陰影。在h1標簽中,設置了該字體的樣式和標題樣式:字體為sans-serif,大小為72px,加粗,下劃線,大寫,居中對齊,顏色設置為#be3540,添加了復合陰影。
實際上,除了以上示例代碼使用的HappyMonkey字體,還有很多其他提供免費或收費藝術字體下載的網站以及自定義排版的在線工具可供使用。CSS中的藝術字讓網頁字體呈現更專業的視覺效果。