引用其他字体样式

@font-face {
              font-family: 'SourceHanSansBold';
              src:url('./fonts/SourceHanSans-Bold.ttc') format('truetype');
                
               
              font-weight: normal;
              font-style: normal;
            }
            @font-face {
              font-family: 'SourceHanSansMedium';
              src:url('./fonts/SourceHanSans-Medium.ttc') format('truetype');
                
               
              font-weight: normal;
              font-style: normal;
            }
            @font-face {
              font-family: 'SourceHanSansNormal';
              src:url('./fonts/SourceHanSans-Normal.ttc') format('truetype');
                
               
              font-weight: normal;
              font-style: normal;
            }
            /* @font-face {
              font-family: 'KaiGenGothicSC-Light';
              src: url('./fonts/KaiGenGothicSC-Light.eot');
              src:
                url('./fonts/KaiGenGothicSC-Light.eot?#font-spider') format('embedded-opentype'),
                url('./fonts/KaiGenGothicSC-Light.woff') format('woff'),
                url('./fonts/KaiGenGothicSC-Light.ttf') format('truetype'),
                url('./fonts/KaiGenGothicSC-Light.svg') format('svg');
              font-weight: normal;
              font-style: normal;
            } */
            
            /** div样式 **/
            .font {
              font-family: "SourceHanSansBold";
            }
            .font1 {
              font-family: "SourceHanSansMedium";
            }
            .font2 {
              font-family: "SourceHanSansNormal";
            }

你可能感兴趣的:(html,前端)