css之字體的引用

font-family 屬性設置文本的字體系列。

font-family 屬性應該設置幾個字體名稱作為一種"后備"機制，如果瀏覽器不支持第一種字體，他將嘗試下一種字體。

注意: 如果字體系列的名稱超過一個字，它必須用引號，如Font Family："宋體"。

多個字體系列是用一個逗號分隔指明：

實例

p{font-family:"Times New Roman", Times, serif;}

如何在css中引入外部字體

css引入外部字體包的方法

@font-face{
            font-family: 'oswald';
            src : url('..//fonts/oswald.regular.ttf');
        }

引入這個字體

.fontFail {
            font-family: oswald;
        }

數字使用oswald字體，中文使用思源

body{
    font-family: "oswald", "SourceHanSansSC-Light","Source-Han-Light","Source Han Sans CN","SourceHanSansCN-Light","webfontSourceHanSansSC" !important
}

/ oswald字體只有數字和英文,所以漢字就默認使用下面的字體(思源字體)

/ "SourceHanSansSC-Light","Source-Han-Light","Source Han Sans CN","SourceHanSansCN-Light" 
/ 這個是思源字體的不同寫法，為了兼容不同瀏覽器可以識別該字體

/ "webfontSourceHanSansSC" 這個就比較厲害了。  是上面字體包的引用。
如果前面的字體就沒找到，就下載這個字體使用。

字體也可以引用不同的文字格式

@font-face {
  font-family: "SourceHanSansCN-Light";
  src: url("../font/SourceHanSansCN-Light.otf"),
    url("../font/SourceHanSansCN-Light.ttf");
  font-family: "SourceHanSansCN-Normal";
  src: url("../font/SourceHanSansCN-Normal.otf");
  font-family: "SourceHanSansCN-Regular";
  src: url("../font/SourceHanSansCN-Regular.otf");
}