W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> @import url(https://fonts.googleapis.com/css?family=Bungee+Spice); h2 { font-family: "Bungee Spice"; font-size: 30px; } @font-palette-values --greenAndYellow { font-family: "Bungee Spice"; override-colors: 0 yellow, 1 green; } @font-palette-values --pinkAndGray { font-family: "Bungee Spice"; override-colors: 0 hotpink, 1 gray; } .alt1 { font-palette: --greenAndYellow; } .alt2 { font-palette: --pinkAndGray; } </style> </head> <body> <h1>@font-palette-values 示例</h1> <h2>调色板中的默认颜色</h2> <h2 class="alt1">备用颜色方案一</h2> <h2 class="alt2">备用颜色方案二</h2> </body> </html>