W3C home > Mailing lists > Public > www-style@w3.org > March 2010

Re: ol style - a number in a circle

From: Bert Bos <bert@w3.org>
Date: Wed, 10 Mar 2010 17:20:25 +0100
To: www-style@w3.org
Message-Id: <201003101720.25454.bert@w3.org>
On Friday 05 March 2010 06:52:00 Patrick Garies wrote:
> On 3/3/2010 9:04 AM, Thomas Phinney wrote:
> >> Assuming you were to have a library of fonts or able to make your
> >> own fonts, this would also give you a bit more of the desired
> >> freedom; I don't think it would accommodate multi-color bullets
> >> though. I wonder if SVG fonts allow for multiple colors...
> >
> > If it were a custom font, you would deal with multiple colors via
> > distinct glyphs, which would be made to overlap by giving all but
> > the last glyph zero advance width. The colors would be specified
> > manually, as that data is not part of the font proper.
> >
> > This is how (for example) multi-color logos are put into custom
> > fonts.
> Hmm... Learn something new every day. They still haven't covered a
> lot of the little details about typography in the publishing classes
> I'm taking.
> That doesn't answer the original question about colored SVG fonts
> though. That would be a way to solve this on the Web anyway if you
> could just link to a font with colored characters via CSS3 Fonts.

Yes, SVG fonts can be multi-color. See towards the end of 

If the glyph consists of more than a single path, then each part can 
have its own color. You could even use CSS to style the glyph. (A glyph 
with an explicit color will always have that color, it will no longer 
inherit the color of the element that it is used in.)

  Bert Bos                                ( W 3 C ) http://www.w3.org/
  http://www.w3.org/people/bos                               W3C/ERCIM
  bert@w3.org                             2004 Rt des Lucioles / BP 93
  +33 (0)4 92 38 76 92            06902 Sophia Antipolis Cedex, France
Received on Wednesday, 10 March 2010 16:20:38 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:07:43 UTC