Почему этот код для семейства шрифтов не работает?

Question

Что не так с моим кодом? Теоретически это должно работать, но шрифт не отображается.

шрифт находится в: ⁨themes⁩ ▸ themename ▸ ⁨fonts⁩ ▸ Cinque Donne ▸ CinqueDonne-Bold.ttf

CSS файл находится в: ⁨themes⁩ ▸ themename ▸ style.css

@font-face {
    font-family: 'CinqueDonne-Bold';
    src: url('./fonts/Cinque Donne/CinqueDonne-Bold.ttf') format('truetype');
}

Answer 1

просто удалите стартовую "." в URL, потому что при вводе ./fonts он переходит в одну папку назад, что означает, что он переходит в папку темы и находит папку шрифтов, которая не найдена .. и в результате семейство шрифтов не работает. Вместо вашего кода вы можете попробовать это:

@font-face {
    font-family: 'CinqueDonne-Bold';
    src: url('fonts/Cinque Donne/CinqueDonne-Bold.ttf') format('truetype');
}