2017-01-31 7 views
2

Im работает над сайтом, где я включаю шрифт от typography.com.шрифт Typography.com не загружен в FF

nessecary файл для шрифта включен в качестве импорта CSS:

@import 'https://cloud.typography.com/6741734/7240552/css/fonts.css' 

И семейства шрифтов устанавливаются в качестве переменной, как это:

$gotham = 'Gotham A', 'Gotham B' 

.body { 
    font-family: $gotham; 
} 

отображается шрифт и оказанным правильно в последних версиях Safari, Chrome и IE, однако шрифт не отображается в FF.

Я довольно озадачен, почему это происходит. Я проверил несколько версий FF на разных машинах, и результат тот же, шрифт не загружен.

страница является goingplaces.jackjones.com

+0

Вы пытались открыть импортированный '.css' в своем браузере? Это даст 403. Может ли это быть проблемой? –

+0

Да, если я попытаюсь перейти непосредственно к URL-адресу импортированного файла css, я получаю запрет «403», но это происходит в каждом браузере. –

+0

Вы купили этот шрифт? Возможно, вам нужно разместить его на своем собственном сервере. –

ответ

1

Попробуйте использовать @import без https:.

Пример:

@import "//cloud.typography.com/6741734/7240552/css/fonts.css"; 

Это должно сделать это.


Решение было видно по How Cloud.typography Works.

+0

Красивая! спасибо Патрику, он работает в FF сейчас :) –