垂直居中：

 多行文字

    语法：
    父元素
    ｛
        display: table-cell;
        vertical-align: middle;
    ｝
    子元素{ display: inline-block }

 行内块元素(inline-block)

    语法：
    父元素
    ｛
        display: table-cell;
        vertical-align: middle
    ｝
    子元素{ vertical-align: middle }

嵌入字体

     /*定义字体*/
    @font-face
    {
        font-family: myfont;  /*定义字体名称为myfont*/
        src: url("../font/Horst-Blackletter.ttf");
    }