Google Fonts внутри CSS файла https ссылка

Question

Google Fonts внутри CSS файла https ссылка

Я использую Google Web Fonts внутри моей таблицы стилей CSS, как показано ниже

@font-face {
 font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
     src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}

но когда мой веб-сайт переходит с защищенной страницы, я получаю "отображается только защищенный контент". Я использовал Google Chrome Resource Inspector, и проблема была выше

Как добавить защищенную ссылку на шрифт Google Web в моем файле CSS

Спасибо

0

css https google-webfonts

Источник

user1505114 07 авг '13 в 20:14

3 ответа

Другие вопросы по тегам css https google-webfonts

user2661717 07 авг '13 в 21:23 2013-08-07 21:23 · Answer 1 · 2013-08-07 21:23

Вам не нужно @font-face, чтобы использовать шрифт Google.

Просто добавьте это в ваш HTML-код:

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

Затем добавьте имя шрифта в свой CSS. Пример:

body{font-family: 'Open Sans', sans-serif;}

1

Источник

user2661717 07 авг '13 в 21:23

user1003094 03 фев '15 в 17:03 2015-02-03 17:03 · Answer 2 · 2015-02-03 17:03

Почему бы не использовать оператор @import?

В верхней части вашего CSS-файла:

@import url(http://fonts.googleapis.com/css?family=Open+Sans);

0

Источник

user1003094 03 фев '15 в 17:03

user782109 09 апр '14 в 14:42 2014-04-09 14:42 · Answer 3 · 2014-04-09 14:42

Немного устаревший, но он пришел по связанному поиску, так что это может быть полезно для кого-то.

Я лично помещаю объявление @font-face в свои таблицы стилей, а не запрашиваю его в голове. Просто удалите "http:", как показано ниже, это должно решить проблему.

url(//themes.googleusercontent.com/static/fonts/opensans/...) format('woff');