CODEWITHSUNDEEP
google-chromesvgfonts
user2009750
user2009750

Reputation: 3187

SVG rendering with custom fonts fails on ipad

i have written this text using svg and it works on chrome and IE as i checked but i doesn't show anything on IPad's Chome.

<svg width="180" height="76" xmlns="http://www.w3.org/2000/svg">
 <title>eQuotes</title>
 <defs>
  <style type="text/css">
    @font-face {
        font-family: 'MYFONT';
        src: url('./fonts/berlin.eot');
        src: url('./fonts/berlin.eot?#iefix') format('embedded-opentype'),
            url('./fonts/berlin.woff') format('woff'),
            url('./fonts/berlin.ttf') format('truetype'),
            url('./fonts/berlin.svg#berlin') format('svg');
    }
  </style>
 </defs>
 <g>
  <title>Layer 1</title>
   <text stroke="#7f0000" transform="matrix(1.73839 0 0 1.55447 -176.823 -232.222)" font-weight="bold" xml:space="preserve" text-anchor="middle" font-family="MYFONT" font-size="24" id="svg_40" y="192.68606" x="152.0512" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="0" fill="#000000">Hello There</text>
  </g>
 </g>
</svg>

any ideas whats wrong with it?

Upvotes: 0

Views: 178

Answers (1)

Phrogz
Phrogz

Reputation: 303136

Your SVG is invalid XML. You have one too many </g> at the end, and you have invalid attribute values (null). Validate your markup, fix your errors, and try again.

Upvotes: 1

Related Questions