Пользовательский шрифт не отображается на моей веб-странице

Question

У меня есть специальные шрифты, которые я хочу реализовать в веб-приложении, которое я создаю для своего класса. Прямо сейчас, я все это принимал на GitHub через GitHub Pages. На странице индекса в настоящее время используются 4 файла CSS, один для Animate.css, общий файл CSS для всего приложения, файл CSS Bootstrap, а затем другой файл CSS специально для него.

О файле общего веб-приложение CSS, названный custom.css, у меня есть следующий код:

@CHARSET "ISO-8859-1"; 

@type-face { 
font-family: FuturaStd-HeavyOblique; 
src: url('fonts/FUTURASTD-HEAVYOBLIQUE.OTF'); 
} 

@ 
type-face { 
    font-family: COUTURE Bold; 
    src: url('fonts/COUTURE-Bold.ttf'); 
} 

.body { 
    background-color: black; 
    color: white; 
    height: 100%; 
} 

А вот мой index.css файл:

body { 
    background-image: url('../images/flyknit.jpg'); 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    background-attachment: fixed; 
    -webkit-background-size: cover; 
} 

.indexTitle { 
    font-family: FuturaStd-HeavyOblique; 
    text-align: center; 
} 

h1 { 
    font-size: 500%; 
} 

.buttonBox { 
    margin-top: 150px; 
    text-align: center; 
    font-family: FuturaStd-HeavyOblique; 
} 

#bbText { 
    text-align: center; 
} 

a { 
    color: white  
} 

Во-первых, на моем компьютере нормально работали шрифты, потому что я их установил. Но если бы я запускал страницу через GitHub, шрифт не отображался. И совсем недавно шрифт даже не запускается с моего компьютера. Что я сделал не так? Любая помощь приветствуется.

Answer 1

Как насчет попробовать это в fonts.css

@font-face { 
font-family: 'FuturaStd-HeavyOblique'; 
src: url('fonts/FUTURASTD-HEAVYOBLIQUE.OTF'); 
} 

вызова его обратно с

font-family: 'FuturaStd-HeavyOblique'; 

Не уверен, что если кавычки значения, но я считаю, @type-face должен быть @font-face