Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Supports mixed compilation of single-color and multi-color icons

See original GitHub issue

When the glyf_colr_0 format is used, the COLR/CPAL table will be generated if the icon has only one color.

In iconfont, there are a lot of mixed single-color and multi-color font projets, and users hope that monochromatic colors can still be changed with CSS color property. I hope that a flag can be added so that the single-color icon does not generate a COLR table.

The following is an example of me manually merging ttx files:

Demo: https://mo.m.taobao.com/union/color-font-test

https://user-images.githubusercontent.com/2784308/111959706-c6ca5180-8b29-11eb-9687-443abb61d325.mp4

Issue Analytics

State:
Created 2 years ago
Comments:7

Top GitHub Comments

1reaction

jfkthamecommented, Nov 9, 2021

May be further complicated by https://bugs.chromium.org/p/chromium/issues/detail?id=944093#c7.

The Chrome issue will be fixed in here: https://chromium-review.googlesource.com/c/chromium/src/+/3263829

@jfkthame I found the same problem with Firefox, could you please take a look?

This sounds like https://bugzilla.mozilla.org/show_bug.cgi?id=1738589 (also an earlier report at https://bugzilla.mozilla.org/show_bug.cgi?id=1520157), which I hope we’ll get fixed sometime soon.

0reactions

yisiblcommented, May 7, 2022

May be further complicated by https://bugs.chromium.org/p/chromium/issues/detail?id=944093#c7.

Hi, rsheeter

Chrome has fixed this issue, now we’ll have to wait for nanoemoji to finish the rest. I recently received another user feedback about not being able to change the color. See: https://www.yuque.com/yisi/iconfont/colr-font#comment-22231181

Top Results From Across the Web

Let's make multi-colored icons with SVG symbols and CSS ...

Yet, there's one thing that remains absolutely impossible with icon fonts: multicolor support. Only SVG can do this.

Apple Watch Ultra faces and their features

Activity Analog watch face showing the time as well as Move, Exercise, and Stand. Customizable features: Color • Style (Rings, Subdials). Available ...

View and adjust colors in a mixed selection – Figma Help Center

The Selection Colors feature allows you to view and adjust any colors applied to objects in a selection. Select objects or layers and...

Color palette - Free art and design icons - Flaticon

Free vector icon. Download thousands of free icons of art and design in SVG, PSD, PNG, EPS format or as ICON FONT.

Use data bars, color scales, and icon sets to highlight data

Data bars, color scales, and icon sets are conditional formats that create ... For example, a three-icon set uses one icon to highlight...