roeln / lapislegit Goto Github PK

In branch coordinates-experiment I'm experimenting with the coordinates system (effect of viewbox, width/height tweaking, scaling, rotating etc.). I ran into something unexpected:

If you look at the glyph, don't mind it being positioned outside the bounding box, or that it's so small. The thing here is that it is the right side up, even though I don't do a transform. This is the SVG in the font:

<svgDoc endGlyphID="1" startGlyphID="1">
  <![CDATA[<svg xmlns="http://www.w3.org/2000/svg" id="glyph1">
      <g>
        <path fill="#090" d="M0 0h200v200H0z"/>
        <circle fill="#F00" cx="100" cy="100" r="100"/>
        <path fill="#FF0" d="M40 160h120L100 40z"/>
      </g>
  </svg>]]>
</svgDoc>

Note the absense of a transform="scale(1,-1)" on the g and svg element. How come the glyph is shown the right side up? I'd expect it's Y-axis to be flipped...

Either bitmaps or more SVGs

You should have access to the CSS text color in your font. See the spec

The font currently tests for PNG and animated GIF embedded in SVG, but not for animated PNG.

Caused by scfbuild, the tool I use to build the font. This issue is to keep track of their issue: 13rac1/scfbuild#7

How awesome would it be if each letter spoke?

(Just to be clear, this is a rhetorical question)

https://drafts.csswg.org/css-fonts-4/#font-palette-control

SMIL is deprecated and should stop working, but at this moment still works in Fx.

• Try will-change to optimise animations

Apparently Photoshop flows to grey instead of transparent.

https://twitter.com/AmeliasBrain/status/758128946227605504

A console.log is too subtle, an alert too annoying. Find a way to detect if JS is being executed even in unexpected environments that don't offer a console (e.g. image editing software).

I assume the tool you're using in your build shell script is https://github.com/eosrei/scfbuild, but it might be worth linking to it if that's true =)