typus
Мой дом здесь!
- Регистрация
- 25 Июл 2007
- Сообщения
- 895
- Реакции
- 241
- Автор темы
- #1
Приветствую,
есть задача, в соответствии со стилями сайта сверстать html шаблон для рассылок -
все без проблем, кроме одного: не могу подключить один шрифт с данного сайта.
Сайт -
Шрифт - jaapokkiregular, ну там кругом он, заголовочный.
В идеале было бы, чтобы этот шрифт подключался напрямую с исходного сайта, прописываю, практически копирую, только урлы к шрифтам пишу полные:
Не подключается.
Хорошо, думаю я, ведь шрифты с google подключаются без проблем, пробую точно так же как
прописать
для этого на своем ресурсе создаю папку project/invers, в этой папке помещаю файл fonts.css, тут же папку fonts, куда копирую все форматы шрифта. (добавляю еще woff2)
В файле fonts.css прописываю:
Не подключается.
Но!
Если я искомый html для шаблона - index.html - помещаю тут же на своем ресурсе, то шрифт подключается без проблем.
Но если я этот же html запускаю со своей локальной машины, или с любого другого места, то шрифт не подключается, не смотря на то что пути полные, и любой шрифт любого формата по пути доступен.
В чем может быть проблема и как ее решить?
есть задача, в соответствии со стилями сайта сверстать html шаблон для рассылок -
все без проблем, кроме одного: не могу подключить один шрифт с данного сайта.
Сайт -
Скрытое содержимое доступно для зарегистрированных пользователей!
Шрифт - jaapokkiregular, ну там кругом он, заголовочный.
В идеале было бы, чтобы этот шрифт подключался напрямую с исходного сайта, прописываю, практически копирую, только урлы к шрифтам пишу полные:
Код:
@font-face {
font-family: "JaapokkiRegular";
font-style: normal;
font-weight: normal;
src: url("http://invers-gruppe.de/fonts/jaapokki/jaapokki-regular.eot?#iefix") format("embedded-opentype"),
url("http://invers-gruppe.de/fonts/jaapokki/jaapokki-regular.woff") format("woff"),
url("http://invers-gruppe.de/fonts/jaapokki/jaapokki-regular.ttf") format("truetype"),
url("http://invers-gruppe.de/fonts/jaapokki/jaapokki-regular.svg#JaapokkiRegular") format("svg");
}
Хорошо, думаю я, ведь шрифты с google подключаются без проблем, пробую точно так же как
Код:
@import "http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900";
Код:
@import "http://mysite.com/projects/invers/fonts.css";
В файле fonts.css прописываю:
Код:
@font-face {
font-family: "jaapokkiregular";
font-style: normal;
font-weight: normal;
src: url("http://mysite.com/projects/invers/fonts/jaapokki-regular.eot?#iefix") format("embedded-opentype"),
url("http://mysite.com/projects/invers/fonts/jaapokki-regular.woff") format("woff"),
url("http://mysite.com/projects/invers/fonts/jaapokki-regular.ttf") format("truetype"), url("http://mysite.com/projects/invers/fonts/jaapokki-regular.woff2") format("woff2"), url("http://mysite.com/projects/invers/fonts/jaapokki-regular.svg#jaapokki") format("svg");
}
Но!
Если я искомый html для шаблона - index.html - помещаю тут же на своем ресурсе, то шрифт подключается без проблем.
Но если я этот же html запускаю со своей локальной машины, или с любого другого места, то шрифт не подключается, не смотря на то что пути полные, и любой шрифт любого формата по пути доступен.
В чем может быть проблема и как ее решить?