The introduction of third-party fonts

Font Download: https://www.fontke.com/

font- @ face { 
     font -family: 'Font Name easily play' ; 
     the src: URL ( '../font/ Font Name .eot' ); 
     the src: URL ( '../font/ Font Name .woff') format ( 'WOFF' ), 
         URL ( '../font/ Font name .ttf') the format ( 'TrueType' ), 
         URL ( '../font/ Font name .svg') the format ( 'SVG' ); 
} 

/ / HTML code added a h1 or the other, which is written the text you want special 

h1 {font -size: 36px; Color: #ccc; font-Family: "Font name easily play";}

I realized

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

p {
    font-family: kkk;
}

 

Compression word spider's official website: http://font-spider.org/

// 1 fonts installed compression 
npm install font- Spider
 // 2. compressed 
font-spider ./demo/*.html