# IconFont 图标

- 
  account_circle
  &#xea39;
  .accountcircle
- 
  card_travel
  &#xeac9;
  .cardtravel
- 
  content_paste
  &#xeaf4;
  .contentpaste
- 
  phone
  &#xec7a;
  .phone
- 
  phone_android
  &#xec7b;
  .phoneandroid
- 
  stars
  &#xed32;
  .stars
- 
  star_outline
  &#xed1d;
  .staroutline
- 
  star
  &#xed1b;
  .star
- 
  person
  &#xec88;
  .person
- 
  work
  &#xedac;
  .work
- 
  library_books
  &#xebf9;
  .librarybooks
- 
  import_contacts
  &#xebca;
  .importcontacts
- 
  create
  &#xeaf8;
  .create
- 
  comment
  &#xead7;
  .comment
- 
  call
  &#xeab6;
  .call
- 㒈
  微信
  &#x3488;
  .weixin
- 
  camera
  &#xeabe;
  .camera
- 
  build
  &#xeaa2;
  .build
- 
  account_box
  &#xea38;
  .accountbox
- 
  attach_money
  &#xea7d;
  .attachmoney
- 
  bookmark_outline
  &#xea95;
  .bookmarkoutline
- 
  chat_bubble_outline
  &#xead2;
  .chatbubbleoutline
- 
  chat
  &#xead0;
  .chat
- 
  cloud
  &#xeadf;
  .cloud
- 
  desktop_windows
  &#xeb0f;
  .desktopwindows
- 
  desktop_mac
  &#xeb0e;
  .desktopmac
- 
  edit
  &#xeb31;
  .edit
- 
  favorite_outline
  &#xeb4d;
  .favoriteoutline
- 
  favorite
  &#xeb4c;
  .favorite
- 
  exposure_plus_1
  &#xeb45;
  .exposureplus1
- 
  extension
  &#xeb48;
  .extension
- 
  flag
  &#xeb6f;
  .flag
- 
  fitness_center
  &#xeb6e;
  .fitnesscenter
- 
  free_breakfast
  &#xeb9c;
  .freebreakfast
- 
  forum
  &#xeb97;
  .forum
- 
  goat
  &#xeba3;
  .goat
- 
  home
  &#xebc2;
  .home
- 
  hourglass_empty
  &#xebc5;
  .hourglassempty
- 
  local_florist
  &#xec0a;
  .localflorist
- 
  location_on
  &#xec24;
  .locationon
- 
  local_library
  &#xec10;
  .locallibrary
- 
  playlist_add
  &#xecae;
  .playlistadd
- 
  highlight_remove
  &#xebc0;
  .highlightremove
- 
  delete
  &#xe61b;
  .delete
- 
  delete
  &#xe610;
  .delete1
- 
  delete
  &#xe643;
  .delete2
- 
  add
  &#xe620;
  .add
- 
  add
  &#xe676;
  .add1
- 
  trophy
  &#xe816;
  .trophy
- 
  trophy
  &#xe6fc;
  .trophy1
- 
  trophy
  &#xe80b;
  .trophy2

第一步：使用font-face声明字体

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

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

    .iconfont{
        font-family:"iconfont" !important;
        font-size:16px;font-style:normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale;}

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

    <i class="iconfont">&#x33;</i>