Autres fonctionnalités ( suite )

• Police externe

 

 

<?xml version="1.0" standalone="yes"?>
<svg width="100%" height="100%"
 xmlns = 'http://www.w3.org/Graphics/SVG/SVG-19991203.dtd'>
  <defs>
    <font id="MyFont" font-face-name="Super Sans"
              units-per-em="1000" cap-height="600" x-height="400"
                  ascent="700" descent="300" horiz-adv-x="1000"
                  text-bottom="-300" baseline="0" centerline="350"
                  mathline="350" ideographic="400" hanging="500"
                  topline="700" text-top="700">
      <missing-glyph><path d="M0,0h200v200h-200z"/></glyph>
      <glyph unicode="33"><path d="M0,0L200,200L400,0z"/></glyph>
      <glyph unicode="34"><path d="M0,0L200,200L400,0z"/></glyph>
      <!-- more glyphs -->
    </font>
  </defs>
</svg>

• utilisée par

 

 

<?xml version="1.0" standalone="yes"?>
<svg width="400px" height="300px"
 xmlns = 'http://www.w3.org/Graphics/SVG/SVG-19991203.dtd'>  <defs>
    <style>
      <![CDATA[
        @font-face {
          font-family: "MyFont";
          src: url("myfont.svg#MyFont") format(svg)
        }
      ]]>
   </style>
  </defs>
  <text style="font-family: MyFont">Text using embedded font</text>
</svg>

Didier Courtaud Le langage SVG 25 Janvier 2000

72 / 74