Есть ли какое-то ограничение на то, что шрифты @ font-face будут принимать?

Question

Я экспериментировал с css и пользовательскими шрифтами, но столкнулся с проблемой, когда при точно таких же обстоятельствах; Я могу заставить другие шрифты работать должным образом, но не тот, который я хочу использовать. Нужно ли мне включать обработку исключений, о которой я не знаю?

Это будет работать

@font-face{
    src: url("VeganStylePersonalUse-5Y58.ttf");
    font-family: "custom";
}
.h1{  
    font-family: "custom"  
}

Однако это не

@font-face{  
    src: url("runescape_uf.ttf");  
    font-family: "custom";  
}  
.h1{  
    font-family: "custom"  
}

Они оба находятся в одном и том же папка как html и css и может быть найдена в
https://www.fontspace.com/billy-argel/vegan-style-personal-use
&
https://fontmeme.com/fonts/runescape-uf-font/

Answer 1

По какой-то причине этот конкретный шрифт будет работать только в браузерах, если преобразовать файл TrueType в файл woff, а затем изменить код в соответствии с этим. ie.

@font-face {
    font-family: 'rs';
    src:url('Runescape.woff') format('woff');
}

Я все еще не уверен, почему один шрифт был поддержан как шрифт ttf, но другой шрифт должен был быть файлом woff.

Answer 2

Вы можете указать любую строку в семействе шрифтов, но не используйте пробелы. Для семейства шрифтов используется только sr c URL.

@font-face {
font-family: 'vegan-style-personal-use-regular';
font-style: normal;
font-weight: normal;
src: url('VeganStylePersonalUse-5Y58.ttf') format('ttf');
}

<h3 style="font-family: 'vegan-style-personal-use-regular'">Eos qui sapiente doloribus dolorem rerum.</h3>

Измените URL sr c в соответствии с вашим путем к каталогу.