Avatar for Username

Sykje yn Support

Mij stipescams. Wy sille jo nea freegje in telefoannûmer te beljen, der in sms nei ta te stjoeren of persoanlike gegevens te dielen. Meld fertochte aktiviteit mei de opsje ‘Misbrûk melde’.

Learn More

Dizze konversaasje is argivearre. Stel in nije fraach as jo help nedich hawwe.

Firefox does not support the font AvenirLTStd-Book in SVG

  • 4 antwurd
  • 1 hat dit probleem
  • 5 werjeftes
  • Lêste antwurd fan oransen

oransen
oransen
more options

Hello all,

I'm using FireFox V77 on Windows 10 to test my SVG output and I came across the problem shown in the attached image.

Here is the text of the SVG file:

<svg xmlns="http://www.w3.org/2000/svg" 

    xmlns:xlink="http://www.w3.org/1999/xlink"
    version="1.1" width="1000.000" height="1000.000" preserveAspectRatio="xMidYMid meet"
    viewBox="0.000000 0.000000 1000.000000 1000.000000">
   <polygon style="stroke:#FFFFFF;stroke-width:0;fill:#FFFFFF;"
       points="
           0,1600 
           1600,1600 
           1600,0 
           0,0 
       "    />
   <polygon style="stroke:#000000;stroke-width:0;fill:#FFFFFF;"
       points="
           805,1600 
           1405,1600 
           1405,0 
           805,0 
       "    />
   <line x1="807" y1="1597" x2="807" y2="2" style="stroke:#000000;stroke-width:2"/>
   <line x1="807" y1="2" x2="2402" y2="2" style="stroke:#000000;stroke-width:2"/>
   <line x1="1402" y1="2" x2="2402" y2="1597" style="stroke:#000000;stroke-width:2"/>
   <line x1="1402" y1="1597" x2="807" y2="1597" style="stroke:#000000;stroke-width:2"/>
   <text x="205" y="256" style="text-anchor:start;dominant-baseline:baseline;font-size:68.0px;font-family: calibri;stroke:#000000;fill:#000000">708</text>
   <text x="205" y="364" style="text-anchor:start;dominant-baseline:baseline;font-size:68.0px;font-family: AvenirLTStd-Book,TimesHeavy;stroke:#000000;fill:#000000">709</text>


</svg>

Hello all, I'm using FireFox V77 on Windows 10 to test my SVG output and I came across the problem shown in the attached image. Here is the text of the SVG file: <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1000.000" height="1000.000" preserveAspectRatio="xMidYMid meet" viewBox="0.000000 0.000000 1000.000000 1000.000000"> <polygon style="stroke:#FFFFFF;stroke-width:0;fill:#FFFFFF;" points=" 0,1600 1600,1600 1600,0 0,0 " /> <polygon style="stroke:#000000;stroke-width:0;fill:#FFFFFF;" points=" 805,1600 1405,1600 1405,0 805,0 " /> <line x1="807" y1="1597" x2="807" y2="2" style="stroke:#000000;stroke-width:2"/> <line x1="807" y1="2" x2="2402" y2="2" style="stroke:#000000;stroke-width:2"/> <line x1="1402" y1="2" x2="2402" y2="1597" style="stroke:#000000;stroke-width:2"/> <line x1="1402" y1="1597" x2="807" y2="1597" style="stroke:#000000;stroke-width:2"/> <text x="205" y="256" style="text-anchor:start;dominant-baseline:baseline;font-size:68.0px;font-family: calibri;stroke:#000000;fill:#000000">708</text> <text x="205" y="364" style="text-anchor:start;dominant-baseline:baseline;font-size:68.0px;font-family: AvenirLTStd-Book,TimesHeavy;stroke:#000000;fill:#000000">709</text> </svg>
Keppele skermôfbyldingen

Alle antwurden (4)

TyDraniu
TyDraniu
  • Top 10 Contributor
more options

It doesn't work for me, even on Edge.

There's no source definition of the external font in the SVG file.

oransen
oransen Fraacheigener
more options

"There's no source definition of the external font in the SVG file. "

Does there need to be? Word and Edge both work with this font. And FireFox correctly uses TimesHeavy and Arial without source definitions.

What would be special about AvenirLTStd-Book?

I wonder if Chrome does (I haven't got Chrome).

TyDraniu
TyDraniu
  • Top 10 Contributor
more options

Perhaps you have those fonts installed on your system, so it's working for you.

oransen
oransen Fraacheigener
more options

I have all the fonts installed on my system, which is why it is strange that FireFox cannot see just this one. But neither can Explorer...

I noticed also that Edge does not respect the vertical alignment of SVG text, which is a worse problem, so I'll stick with FireFox....!