Импорт шрифтов Google API как HTTPS по-прежнему не применяется на страницах GitHub

Я размещаю готовую тему на страницах GitHub и сгенерированную с помощью Jekyll. Тема правильно работает в localhost, но шрифты не отображаются правильно на фактическом сайте, размещенном на GitHub.

Следуя предложению в этом сообщении, я изменил строку @import в файле style.css на следующее:

@import url("//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,800,800italic");

Что для пользователя в вышеупомянутом посте, похоже, решило проблему, но для моей страницы все еще используется неправильный шрифт. Заранее благодарю за любую помощь.


github html css github-pages google-webfonts
person a2xia    schedule 20.06.2017    source источник
comment
отправьте ссылку на github, и мы сообщим вам   -  person Hitmands    schedule 20.06.2017
comment
Поковырявшись, я обнаружил проблему: как только я изменил вызов @import на не-HTTPS-ссылку, Chrome заблокировал ее, посчитав небезопасной. После ручного включения небезопасного скрипта появился обычный шрифт. Теперь вопрос в том, есть ли способ обойти это? Потому что обычные пользователи, вероятно, не захотят разрешать небезопасные скрипты в Chrome.   -  person a2xia    schedule 20.06.2017
comment
Разрешить unsafe скрипты? Никто не будет этого делать. изменить импорт на @import(https:///)   -  person Hitmands    schedule 20.06.2017
comment
@Hitmands Зачем нужны три косые черты после https:? (Вот что сработало для меня: 2 слэша не сработали)   -  person a2xia    schedule 21.06.2017
comment
это была опечатка, всего два.   -  person Hitmands    schedule 21.06.2017

Ответы (1)


arrow_upward
-2
arrow_downward

HTTPS-запрос или внешняя ссылка могут быть заблокированы Github

Но вы можете скачать шрифты с сайта Google Font (справа):

скриншот гугл шрифта

После того, как вы сможете загружать шрифты на Github и легко вызывать свой шрифт из своего CSS (та же папка)

@font-face {
    font-family: "My Font";
    font-weight: bold;
    src: url('myfont.ttf');
}

(or url(github.com/link/to/myfont.ttf))

Эта ссылка покажет вам, как правильно импортировать пользовательский шрифт в Github Pages: Добавление пользовательских шрифтов в GitHub страницы

person Giardiv    schedule 20.06.2017
comment
google fonts — это высокооптимизированный cdn, их вообще не нужно скачивать. - person Hitmands; 20.06.2017
comment
Я без проблем использовал Google Fonts на своем сайте GitHub. - person dawn; 09.01.2018