diff --git a/atmark.css b/atmark.css index 1bbf77e..b48441c 100644 --- a/atmark.css +++ b/atmark.css @@ -1,7 +1,13 @@ @media print {body {background-color :white; color :black;}} @media (orientation: portrait) {h1 {width: 10em; float: left; background-color: white; padding: 1ex;}} @media (orientation: landscape) {h1 {text-decoration: underline;}} - +@import url(https://fonts.googleapis.com/css2?family=Bungee+Spice); /* フォントのインポート */ +@font-palette-values --Alternate { + font-family: "Bungee Spice"; /* このパレットを適用するフォント */ + override-colors: + 0 #00ffbb, /* インデックス0の色を上書き */ + 1 #007744; /* インデックス1の色を上書き */ +} h1 {color: black; text-align: center; background: #fff100; @@ -14,3 +20,18 @@ th:first-child +th +th +th +th +th{background-color:#ffa8a8;} body {background: url("1746348050649.jpg") no-repeat center fixed; background-size:cover;} td {background-color: white;} + + + +p { + font-family: "Bungee Spice"; /* フォントファミリーの指定 */ + font-size: 2rem; +} + +/* --Alternate というカスタムパレットを定義 */ + + +/* alternate クラスを持つ要素にカスタムパレットを適用 */ +.at { + font-palette: --Alternate; +}