Популярные способы подключения шрифтов

Первый способ — @font-face

// добавляем в CSS
@font-face {
    font-family: FontName;
    src: url(fonts/FontName.ttf);
}

body{
    font-family: 'FontName', sans-serif;
}

Второй способ — @import

// добавляем в CSS
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

body{
    font-family: 'Open Sans', sans-serif;
}

Третий способ — Link

// добавляем в head
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">

// а в CSS добавляем
body{
    font-family: 'Open Sans', sans-serif;
}