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根據自己放置的字體文件路徑填寫。

 

 

但是我還沒有成功