SVG字体无法在所有浏览器中呈现

Question

我有一个问题，SVG字体在基于Windows的浏览器中渲染不正确。 这是我的svg代码：

 <?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg
       width="34px" height="34px" viewBox="0 0 34 34" version="1.1"
       xmlns="http://www.w3.org/2000/svg"
       xmlns:xlink="http://www.w3.org/1999/xlink">
           <!-- Generator: Sketch 3.6.1 (26313) - http://www.bohemiancoding.com/sketch -->
           <title>VS. + Oval 20</title>
           <desc>Created with Sketch.</desc>
           <defs></defs>
           <g id="EVENTS" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
               <g id="Sports-Event-PRE" transform="translate(-368.000000, -661.000000)">
                   <g id="Group" transform="translate(120.000000, 634.000000)">
                       <g id="VS.-+-Oval-20" transform="translate(249.000000, 28.000000)">
                           <g id="Group-9">
                               <g id="Group-10">
                                   <circle id="Oval-20" stroke="#4B4954" stroke-width="2" fill="#000000" cx="16" cy="16" r="16"></circle>
                                   <text id="VS" font-family="DIN-Bold, DIN" font-size="12" font-weight="bold" fill="#FFFBEE">
                                       <tspan x="9.468" y="21">VS</tspan>
                                   </text>
                               </g>
                           </g>
                       </g>
                   </g>
               </g>
           </g> </svg>