阅读数:52 评论数:0

一、@font-face

可以定义一种字体的名字和位置，然后可以在你的页面中使用。

  @font-face {
      font-family: <YourDefineFontName>;
      src: <url> [<format>],[<source> [<format>]], *;
      [font-weight: <weight>];
      [font-style: <style>];
    }

1、常用字体

2、常见写法

@font-face {
  font-family: 'iconfont';
  src:  
    url('iconfont.ttf?qja5i2') format('truetype'),
    url('iconfont.woff?qja5i2') format('woff'),
    url('iconfont.svg?qja5i2#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

二、font-family

把字体加载进行以后，就可以通过font-family使用。

.logo {
  font-family: "iconfont logo";
  font-size: 160px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}