無月

css：

@font-face {

    font-family: 'invitation';

    src: url('invitation.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

[data-icon]:before {

    font-family: 'invitation';           //如果不设置字体, 会直接显示data-icon对应的值，例如data-icon="a",则内容为“a”:

    content: attr(data-icon);           

    speak: none;                              //如果只是装饰用，则设置该语言

    font-weight: normal; 

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;  //使得字体更圆滑，没有锯齿

}

HTML：

<b  data-icon="a"></b>