如何嵌入多个字形

时间:2016-01-28 13:14:17

标签: css svg glyph

我有以下由icomoon

生成的字形(由少数字形构成)
<glyph unicode="&#xe905;" d="M0 960h1024v-1024h-1024v1024z" />
<glyph unicode="&#xe906;" d="M0 896h320v-320h-320v320z" />
<glyph unicode="&#xe907;" d="M448 896h512v-128h-512v128z" />
<glyph unicode="&#xe908;" d="M448 704h512v-128h-512v128z" />
<glyph unicode="&#xe909;" d="M0 320h320v-320h-320v320z" />
<glyph unicode="&#xe90a;" d="M448 320h512v-128h-512v128z" />
<glyph unicode="&#xe90b;" d="M448 128h512v-128h-512v128z" /> 

问题是我想将它嵌入CSS'content'属性中,就像前一个符号一样:

.some-selector::before {
   content: '\e900'  
}

但是

.some-selector::before {
   content: '\e905\e906\e907\e908\e909\e90a\e90b'  
}

不行 - 有关如何以这种方式嵌入的任何想法吗?

修改

我希望将它们显示为图层 - 一个在另一个上,而不是像现在一样(一个在另一个旁边)。

0 个答案:

没有答案