Angular2+中如何引用自定义的字体

项目中客户提出需要用华文彩云字体，搜了下css的font-family有这个字体，但是在macos中好像不起作用（不知道是不是我用的不对）。所以就只能从网上下载字体，然后引用到项目中。

第一步：下载华文彩云字体

这个在网上可以很容易下载到。下载下来后找到.ttf文件。

第二步：将字体放在项目中

在assets文件夹下创建font文件夹，将.ttf文件放入font文件下。

第三步：在styles.css中引用

在styles.css中加入下面代码：

@font-face {
    font-family: 'huaWenCaiYun';
    src: url('assets/font/huawencaiyun.ttf');
    font-weight: normal;
    font-style: normal;
  }

font-family是自己定义字体的名字。

第四步：在需要的字体加上css

font-css{
   font-family: 'huaWenCaiYun';
}

angular2以后的版本可能会有细微的变更，但是问题不大。