RelayIcon

Unicode 引用

---

Unicode 是字体在网页端最原始的应用方式，特点是：

• 兼容性最好，支持 IE6+，及所有现代浏览器。
• 支持按字体的方式去动态调整图标大小，颜色等等。
• 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。

注意：新版 RelayIcon 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用 symbol 的引用方式

Unicode 使用步骤如下：

第一步：拷贝项目下面生成的 @font-face

@font-face {
    font-family: 'font_family';
    src: url('relayicon.eot');
    src: url('relayicon.eot?#iefix') format('embedded-opentype'),
        url('relayicon.woff2') format('woff2'),
        url('relayicon.woff') format('woff'),
        url('relayicon.ttf') format('truetype'),
        url('relayicon.svg#font_family') format('svg');
  }
  

第二步：定义使用 relayicon 的样式

.font_family {
    font-family: "font_family" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  

第三步：挑选相应图标并获取字体编码，应用于页面

  <span class="font_family">&#x33;</span>
  

"font_family" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "relayicon"。