10 replies

Importing Custom Fonts (CSS)

Hello,
I'm trying to import a custom font for my project.

@font-face {
    font-family: 'Hometown';
    src: url('assets/fonts/Hometown.ttf') format('ttf');
}

@font-face {
    font-family: 'Hometown';
    src: url('assets/fonts/Hometown.ttf') format('ttf');
}

@font-face {
    font-family: 'Hometown';
    src: url('assets/fonts/Hometown.ttf') format('ttf');
}

@font-face {
    font-family: 'Hometown';
    src: url('assets/fonts/Hometown.ttf') format('ttf');
}

This currently works, but when I switch to an '.otf' file, the font doesn't import. Does anyone know how to fix this?