If your browser supports SVG Fonts, the glyphs should look identical to the SVG images. Otherwise, your browser will use the fallback font.
SVG Image | SVG Font | System Font | Code Point | Name |
---|---|---|---|---|
test | ▸ test | ▸ test | U+25B8 | BLACK RIGHT-POINTING SMALL TRIANGLE |
test | ▾ test | ▾ test | U+25BE | BLACK DOWN-POINTING SMALL TRIANGLE |
test | ◂ test | ◂ test | U+25C2 | BLACK LEFT-POINTING SMALL TRIANGLE |
test | ▶ test | ▶ test | U+25B6 | BLACK RIGHT-POINTING TRIANGLE |
test | ▼ test | ▼ test | U+25BC | BLACK DOWN-POINTING TRIANGLE |
test | ◀ test | ◀ test | U+25C0 | BLACK LEFT-POINTING TRIANGLE |
The SVG glyphs are all equilateral triangles, positioned carefully with their centre point set at the same position as the others of the same size. This means that when the glyphs are swapped, they give the appearance of rotating around the center, instead of jumping strangely.
This script calculates the points for the triangles at the specified size, used for creating the SVG glyphs.