W3C home > Mailing lists > Public > public-css-archive@w3.org > March 2017

Re: [csswg-drafts] [css-fonts-4] [color fonts] How to choose predefined palette with font-palette

From: Roel N via GitHub <sysbot+gh@w3.org>
Date: Thu, 16 Mar 2017 08:07:49 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-286985157-1489651668-sysbot+gh@w3.org>
Let's see if I got this straight. I'm want to use two color fonts in a greenish palette. The first font, Bixxxa, already has palette that I can use, but for Bungeehee I need to overwrite one color to get my green palette.

```
@font-face {
    font-family: Bixxxa;
    src: url('./bixxxa.woff') format('woff');
}

@font-face {
    font-family: Bungeehee;
    src: url('./bungeehee.woff') format('woff');
}

@font-palette-values ToxicGreen {
  font-family: Bixxxa;
  base-palette: 3; /* This is Bixxxa's green palette */
}


@font-palette-values ToxicGreen {
  font-family: Bungeehee;
  base-palette: 7; /* This is Bungeehee's green palette... */
  2: lime; /* ...except this is pink, which I overwrite to lime */
}

h1 {
    font-family: Bixxxa;
    font-palette: ToxicGreen;
}

h2 {
    font-family: Bungeehee;
    font-palette: ToxicGreen;
}
```

-- 
GitHub Notification of comment by RoelN
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1103#issuecomment-286985157 using your GitHub account
Received on Thursday, 16 March 2017 08:07:55 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 19 October 2021 01:30:30 UTC