Stack Overflow
Stack Overflow

Questions tagged [svg-font]

SVG fonts is a font format defined by the W3C to define the shapes of text used in SVG images.

SVG Fonts are the W3C specification for XML markup fonts used in (or referenced from) SVG documents, supported by all modern browsers except Firefox and Internet Explorer.

19 questions
14
votes
3 answers

Script to convert multiple SVG images to a SVG font file

I'm searching for a script to convert multiple SVG images (each containing one letter) to a SVG font file. Basically the same this website does: http://keyamoon.com/icomoon/app/ But I would prefer a script (preferable Linux), so we can integrate it…
JochenJung
  • 7,183
  • 12
  • 64
  • 113
6
votes
2 answers

Why svg font is mirrored?

I have SVG file with element I'm converted that file to SVG font:
Vyacheslav Slinko
  • 155
  • 1
  • 2
  • 9
4
votes
2 answers

How to force conversion of glyphs to embedded vector paths in Inkscape

I have created an SVG document with Inkscape. It contains text in a non-standard font. The svg xml references the font. So, the vector has a dependency on the font being available on the users machine (or by using web fonts in a web scenario). I…
smartcaveman
  • 41,281
  • 29
  • 127
  • 212
2
votes
1 answer

Offset when convert SVG to font with Glyphter.com - Offset

I created a simple SVG in Adobe Illustrator and then I save it as a SVG: I then upload this SVG to glyphter.com and it looks perfectly centered: I then drop the .svg file generated by the Glyphter download into fontello and I use it in my website…
Noitidart
  • 35,443
  • 37
  • 154
  • 323
2
votes
3 answers

Why my SVG font is not working?

I have created SVG font and then converted it to ttf font. Ttf font works correctly, but svg font does not - tested in Chrome & Firefox. Here are files I have created: myFont.svg:
user606521
  • 14,486
  • 30
  • 113
  • 204
2
votes
0 answers

Extracting an SVG path from an SVG font

I was wondering how easy it is to render path elements extracted from fonts in SVG. I am aware that .ttf files do not have enough information in them for them to be rendered as path elements in SVG, save only the way to convert them to an image and…
nicholaswmin
  • 21,686
  • 15
  • 91
  • 167
1
vote
1 answer

svg font overlapping letters interfere with fillrule

I'm making a custom font for the first time and I ran into a problem with the svg font. wherever the letters overlap, the fill-type: evenodd takes over. Any idea on how to fix this? svg-font code:
Sam Apostel
  • 593
  • 3
  • 18
1
vote
1 answer

SVG image with embedded font example from W3.org doesn't work

I am trying to create an SVG image logo with simple graphic and only a couple of words of company name using non-standard font. To conserve the size I decided to embed only glyph's that needed for the words, instead of referring to the entire font.…
Jack Watts
  • 57
  • 7
1
vote
1 answer

Font path rendering with SVG

I am trying to Render the Character "ٹ" according to my Font Style but it is not working. It is rendering the default font, not mine. Is there anything I am missing? Here is the code:
Seeker
  • 1,877
  • 4
  • 32
  • 56
1
vote
0 answers

How to add svg file after performing grunt-svgstore

I am using grunt-svgstore task to create consolidated version of svg files.Problem statement:I have include svg file after completion of grunt-svgstore task.My Solutionsvg-sprite.svg
Gurpreet Singh
  • 58
  • 1
  • 7
1
vote
3 answers

SVG subtraction of objects and paths

I am trying to create an SVG font, so I need to create some paths. One of the letters is defined by the following path: Which I created with svgwrite, by creating two circles and a rect, and then using inkscape to take the difference of the two…
Massagran
  • 1,781
  • 1
  • 20
  • 29
1
vote
1 answer

Rendering style attributes (@style vs font-size)

I have found that on both IE and Firefox the SVG @style attribute does not render font-sizes, but that the @font-size attribute works. (I am not sure whether the failed display is too small to see, has no colour or is not displayed at all).
peter.murray.rust
  • 37,407
  • 44
  • 153
  • 217
0
votes
0 answers

Why svg-icon fonts fallback to times new roman

We are using SVG-Icon font to display icons in the react web application, but sometimes icons are showing wired in the UI even though fonts are loaded in the browser. Please see attached screenshot. Its showing Times New Roman as font, not sure…
Joshi
  • 101
  • 2
  • 9
0
votes
0 answers

How to assign glyphs to control characters?

It seems XML doesn’t accept values in range from�toinside attributes but allow#x7fto¡. It trigger that kind of error in my parser : parser error : xmlParseCharRef: invalid xmlChar value 18
user2284570
  • 2,891
  • 3
  • 26
  • 74
0
votes
0 answers

round text in svg in pdf

I am trying to send a SVG file in pdf. The pdf have some rounded/transformed text (company name). Thing is I get the pdf created but the rounded text does not appear rounded on output PDF but appears straight. I have used DomPDF as well as TCPDF for…
Sachin Stellen
  • 3
  • 4
1
2