@font-face {
    font-family: 'brisa';//字体名称
    src: url('../fonts/brisa.ttf');//文件路径
    font-weight: normal;//定义字体是否为粗体
    font-style: normal;//主要定义字体样式，如斜体
}

h1{
    font-family:"brisa";
}

.ttf字体是Windows和Mac的最常见的字体，是一种RAW格式，因此他不为网站优化,支持这种字体的浏览器有【IE9+,Firefox3.5+,Chrome4+,Safari3+,Opera10+,iOS Mobile Safari4.2+】；著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。
原文: https://www.w3cplus.com/content/css3-font-face © w3cplus.com