鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ css偽元素 content 插入 '\xxx\'

css偽元素 content 插入 '\xxx\'

看到別人 可以用這個(gè)方法插入特殊符號(hào) 顯示圖標(biāo)效果 ；
我也學(xué)下，但是顯示的內(nèi)容
clipboard.png
全部 ‘XXX’ 都是這樣子？為什么？ 應(yīng)該不是瀏覽器問(wèn)題 我都看到別人網(wǎng)站的效果了 都是utf-8

回答
編輯回答
嫑吢丕

Font Awesome了解一下～

2017年9月22日 08:06
編輯回答
若相惜

你字體文件引入了嗎，這需要配合字體文件來(lái)寫(xiě)

//字體文件引入并使用

@font-face {
  font-family: "my-icons";
  src: url('../fonts/iconfont.eot?t=1511177886258'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1511177886258#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/...') format('woff'),
  url('../fonts/iconfont.ttf?t=1511177886258') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1511177886258#iconfont') format('svg'); /* iOS 4.1- */
}

[class*=" my-icon-"],
[class^=my-icon-]{
    font-family: 'my-icons' !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.my-icon-xinzeng:before { content: "\e6bb"; }

.my-icon-bianji:before { content: "\e600"; }

.my-icon-shanchu:before { content: "\e610"; }
2018年9月15日 11:37