Branded Fonts

by kyllle

HTML

<ul>
  <li>
      <i class="icon icon-cme--aggregate-fills"></i>
  </li>
  <li>
      <i class="icon icon-cme--cancellation-history"></i>
  </li>
  <li>
      <i class="icon icon-cme--card-close"></i>
  </li>
  <li>
      <i class="icon icon-cme--card-max"></i>
  </li>
  <li>
      <i class="icon icon-cme--card-min"></i>
  </li>
  <li>
      <i class="icon icon-cme--chat"></i>
  </li>
  <li>
      <i class="icon icon-cme--chat-add"></i>
  </li>
  <li>
      <i class="icon icon-cme--chat-edit"></i>
  </li>
  <li>
      <i class="icon icon-cme--connection-off"></i>
  </li>
  <li>
      <i class="icon icon-cme--connection-on"></i>
  </li>
  <li>
      <i class="icon icon-cme--download"></i>
  </li>
  <li>
      <i class="icon icon-cme--filter"></i>
  </li>
  <li>
      <i class="icon icon-cme--hold-all"></i>
  </li>
  <li>
      <i class="icon icon-cme--kill-all"></i>
  </li>
  <li>
      <i class="icon icon-cme--logout"></i>
  </li>
  <li>
      <i class="icon icon-cme--profile"></i>
  </li>
  <li>
      <i class="icon icon-cme--search"></i>
  </li>
  <li>
      <i class="icon icon-cme--settings"></i>
  </li>
  <li>
      <i class="icon icon-cme--fills"></i>
  </li>
  <li>
      <i class="icon icon-cme--market-data"></i>
  </li>
  <li>
      <i class="icon icon-cme--mass-quote-cancel"></i>
  </li>
  <li>
      <i class="icon icon-cme--order-book"></i>
  </li>
  <li>
      <i class="icon icon-cme--orders"></i>
  </li>
</ul>

SCSS

@font-face {
    font-family: 'cme-branded-icons';
    src:...