1. 定义字体使用@font-face 
  1. @font-face {
  2. font-family:mzd ;/*定义字体名字*/
  3. src: url(./font/mzd.ttf);/*引入字体地址*/
  4.         }

浏览器私有前缀

在visual studiocode里面

  1. 首先需要先下载autoprefixer插件，默认下载的是3.0.1版本，要下载2.2.0版本才可以使用（先下载3.0.1版本，然后点击插件的设置按钮——-选择安装下一个版本—-选择2.2.0版本下载——-重新加载）
  2. 插件只在css文件下可以使用，所以要建立一个css文件，使用快捷键F1或者ctrl+shift+p搜索autopredixer点击Autoprefiser CSS就会自动生成前缀
  3. 要想生成其他浏览器的前缀，需要进入文件—-首选项—-搜索autoprefixer点击setting.json文件下输入,注意json文件下的属性之间的,
  1. "autoprefixer.browsers": [
  2. "last 3 versions",
  3. "ie >= 10",
  4. "ie_mob >= 10",
  5. "ff >= 30",
  6. "chrome >= 34",
  7. "safari >= 6",
  8. "ios >= 6",
  9. "android >= 4.4"
  10. ]