HTML引入外部字体

HTML5如何引入外部字体

背景

现在我需要 “Montserrat-ExtraLight ExtraLight”类型的字体，但是html的font-family中找不到这个类型的字体。

于是我需要下载该类型的字体，并通过CSS将它引入html文档中。

方法

准备好下载的字体文件

在CSS文件中写入：

@font-face{
    font-family: <Montserrat-ExtraLight>;
    src:ur('./fonts/Montserrat-ExtraLight.pfb.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}

其中src根据自己放置的字体文件路径填写。

 

 

但是我还没有成功