Почему шрифт Gotham в CSS не работает в Firefox?
То, что я использовал в CSS это @font-face, как показано ниже
@font-face {
font-family: 'Gotham';
src: url('../assets/fonts/Gotham Book.otf')format("opentype");
}
body {
background:transparent;
min-height:100%;
-webkit-font-smoothing: antialiased;
-webkit-overflow-scrolling: touch;
line-height: 1.5em;
font-size:14px;
font-family: Gotham;
color:#fff;
color:rgba(255,255,255,.8);
font-weight: normal;
} он отлично работает в Chrome, но не работает в Fire Fox, показывая как новый Роман. в папке установлен шрифт gotham, и ссылка точно такая же, как указано.
1 ответ
Решение
Я думаю, что решение для этого применимо .eot
, .woff
, .woff2
как ты сделал
Пожалуйста, обратитесь ниже пример.
@font-face {
font-family: 'co-text';
src: url('CoText-Light.eot');
src: url('CoText-Light.eot?#iefix') format('embedded-opentype'),
url('CoText-Light.woff2') format('woff2'),
url('CoText-Light.woff') format('woff'),
url('CoText-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
Дайте мне знать, если есть какие-либо проблемы.