Html 创建字形图标，图标不显示

所以我正在为未来的一组项目创建一个glyphicon库。我相信我已经用css正确地设置了图标集，但是它没有显示出来是有原因的

svg文件

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<metadata></metadata>
<defs>
<glyph unicode="&#xf000;" d='M3,18H13V16H3Zm0-5H21V11H3ZM3,6V8H17V6Z'/>
</font>
</defs></svg> 

@font-face{
    font-family: 'SupportWorks';
    src: url('../font/sw-icon-proto.svg#supportworksicons') format('svg');
    font-weight: normal;
    font-style: normal;
}
.sw {
  display: inline-block;
  font: normal normal normal 14px/1 SupportWorks;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
@-webkit-keyframes sw-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes sw-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.sw-menu:before{
    content: "\f000";
}

我发现图标以压缩格式存储在单个svg文件中，并在css文档中通过unicode显示出来

---

非常感谢您对此提出的任何建议！提前谢谢你

建议检查浏览器呈现的HTML中的图标路径。由于您是通过CSS文件包含SVG的，因此该路径需要与CSS文件相对，而不是与包含CSS的页面相对。@hungerstar您能给我举一个您正在谈论的示例吗？我想我没有正确地阅读您的语句。@HameedSyed图标路径似乎没有问题。浏览器不支持gyphs。你是如何测试这个的。通常，这将被处理成浏览器支持的内容。