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 zur Erstellung einer neuen Palette verwendet werden soll. Wenn die angegebene base-palette nicht existiert, wird die am Index 0 definierte Palette verwendet.

Syntax

css

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

Der base-palette Deskriptor wird unter Verwendung eines nullbasierten Indexes der vom Schriftgestalter erstellten Paletten angegeben.

Werte

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

Formale Definition

Wert in der Datenbank nicht gefunden!

Formale Syntax

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

Beispiele

Ändern der Standardpalette in einer Schriftart

Unter Verwendung der Rocher Color Font zeigt dieses Beispiel zwei Instanzen zum Wechsel der Standardpalette 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 zeigt 3 verschiedene Basis-Paletten der Rocher-Farbschriftart

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