css中如何引入外部独立字体

我们制作页面css，设置字体，可能会需要加入一些比较特殊的字体，这时候就需要引入这些字体。

方法如下：

@font-face { 
  font-family: custom;       /*这里是说明调用来的字体名字*/ 
  src: url('custom.ttf');   /*这里是字体文件路径*/ 
}

这个时候便注册了一个新的字体，在css中可以直接引用。

.my_css { 
  font-family: custom;   /*这里设置某参数的字体值，在这里是“my_css”调用了你刚才声明的字体值"custom"*/ 
  font-size: 14px;       /*这里是字体大小*/ 
}