base-palette

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨November 2022⁩.

Der base-palette CSS-Deskriptor wird verwendet, um den Namen oder Index einer vordefinierten Palette anzugeben, die verwendet wird, um eine neue Palette zu erstellen. Falls die angegebene base-palette nicht existiert, wird die bei Index 0 definierte Palette verwendet.

Syntax

css

@font-palette-values --one {
  base-palette: 1;
}

Der base-palette-Deskriptor wird mit einem nullbasierten Index der vom Schriftgestalter erstellten Paletten angegeben.

Werte

<index>: Gibt den Index der zu verwendenden vordefinierten Palette an.

Formale Definition

Zugehörige @-Regel	`@font-palette-values`
Anfangswert	`n/a (required)`
Berechneter Wert	wie angegeben

Formale Syntax

base-palette = 
  light            |
  dark             |
  <integer [0,∞]>

Beispiele

Ändern der Standard-Palette in einer Schriftart

Unter Verwendung der Rocher Color Font zeigt dieses Beispiel zwei Fälle des Wechsels der Standard-Palette in der Schriftart zu einer alternativen Palette, die vom Schriftgestalter erstellt wurde.

HTML

html

<h2>default base-palette</h2>
<h2 class="two">base-palette at index 2</h2>
<h2 class="five">base-palette at index 5</h2>

CSS

css

@font-face {
  font-family: "Rocher";
  src: url("[path-to-font]/RocherColorGX.woff2") format("woff2");
}

h2 {
  font-family: "Rocher", fantasy;
}

@font-palette-values --two {
  font-family: "Rocher";
  base-palette: 2;
}

@font-palette-values --five {
  font-family: "Rocher";
  base-palette: 5;
}

.two {
  font-palette: --two;
}

.five {
  font-palette: --five;
}

Ergebnis

Beispiel, das 3 verschiedene Basis-Paletten der Rocher-Farbschrift zeigt

Spezifikationen

Specification
CSS Fonts Module Level 4 # base-palette-desc

Browser-Kompatibilität

Siehe auch

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden