Как подключить шрифты с помощью css

Frontend developer HTML / CSS
1

Интересно как подключать шрифты именно через css так как ссылку cdn найти получается не всегда (хоть так и намного проще )в общем буду благодарен описанию данного процесса)

2

По структуре их подключают так:

@font-face {
    font-family: 'Sri-TSCRegular';
    src: url('sri-tsc-webfont.eot');
    src: url('sri-tsc-webfont.eot?#iefix') format('embedded-opentype'),
    url('sri-tsc-webfont.woff') format('woff'),
    url('sri-tsc-webfont.ttf') format('truetype'),
    url('sri-tsc-webfont.svg#Sri-TSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

font-family - имя шрифта по которому дальше будешь его использовать, далее уже подключены сами шрифты, обычно, если шрифтов много то их запихивают в отдельную папку и прописывают путь к каждому шрифту.

font-weight: normal;
font-style: normal;

Тут ты можешь выбрать насколько толстым будет шрифт, и его начертание.