Vaccina (12 Апрель 2016 - 04:40) писал:
Уточните пожалуйста, у вас один сторонний шрифт подключен или несколько?
Несколько, т.к. я не знаю, как назначить один шрифт с его ответвлениями на Италик или Болд и т.п.
Из этой кучи можно было бы сделать, например, три шрифта, остальные для которых являлись бы Болдами или Италиками.
В связи с чем у меня, в принципе, и невозможно в редакторе страниц сделать шрифт жирным или наклонным. Всё можно делать только отдельно назначая шрифты.
Если бы вы мне помогли упорядочить эти шрифты, было бы хорошо.
Во всех браузерах какая-то ошибка. Раньше её не было.
Font from origin 'http://design.te...oimp.ru' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://te...oimp.ru' is therefore not allowed access.
Шрифт из происхождения 'HTTP: //design.te...oimp.ru' был заблокирован от загрузки по политики Cross-Origin Resource Sharing: «Access-Control-Allow-Origin:" Нет заголовка присутствует на запрошенный ресурс. Происхождение 'http://te...oimp.ru' следовательно, не имеет права доступа.
Вот есть такая же проблема:
https://toster.ru/q/177615
Где есть вот такой комментарий:
- "Почему бы вам не забрать шрифты/иконки к себе на новый сайт и прописать локальные пути?
- Если такой возможности нет - добавьте у источника ( место, где лежат файлы, а не у себя) заголовок типа
- Access-Control-Allow-Origin: http://новый_ _адрес_сайта"
Или в поисковике если вбить: cross origin resource sharing policy fonts
Можно было бы сделать три группы шрифтов:
1 группа использовалась бы иногда в некоторых местах (семейство шрифтов Roboto-Thin):
Обычный: Roboto-Thin
Италик: Roboto-ThinItalic
Болд: Roboto-Light
Болд Италик: Roboto-LightItalic
2 группа использовалась бы как основной шрифт сайта (семейство шрифтов Roboto-Regular):
Обычный: Roboto-Regular
Италик: Roboto-Italic
Болд: Roboto-Medium
Болд Италик: Roboto-MediumItalic
3 группа использовалась бы тоже иногда как и первая (семейство шрифтов Roboto-Bold):
Обычный: Roboto-Bold
Италик: Roboto-BoldItalic
Болд: Roboto-Black
Болд Италик: Roboto-BlackItalic
Я вроде бы понимаю как в CSS это всё сделать. У меня все эти шрифты прописаны в том же порядке, но не сгруппированы. Но проблема в том, что браузер говорит об ошибке доступа или где-то на каком-то сайте мне запрещено, может, этим шрифтом пользоваться и браузер об этом знает, я не знаю. Я скачивал эти шрифты как бесплатные, насколько я помню.
Я наверное их сейчас прогруппирую. А вы может быть проверите, правильно или нет.
/* Первое дополнительное семейство тонких шрифтов */
@font-face {
font-family: 'Roboto-Thin';
src: url('http://design.te...oimp.ru/Roboto-Thin.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Thin';
src: url('http://design.te...oimp.ru/Roboto-ThinItalic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Roboto-Thin';
src: url('http://design.te...oimp.ru/Roboto-Light.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Thin';
src: url('http://design.te...oimp.ru/Roboto-LightItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
/* Второе основное семейство обычных шрифтов */
@font-face {
font-family: 'Roboto-Regular';
src: url('http://design.te...oimp.ru/Roboto-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Regular';
src: url('http://design.te...oimp.ru/Roboto-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Roboto-Regular';
src: url('http://design.te...oimp.ru/Roboto-Medium.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Regular';
src: url('http://design.te...oimp.ru/Roboto-MediumItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
/* Третье дополнительное семейство толстых шрифтов */
@font-face {
font-family: 'Roboto-Bold';
src: url('http://design.te...oimp.ru/Roboto-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Bold';
src: url('http://design.te...oimp.ru/Roboto-BoldItalic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Roboto-Bold';
src: url('http://design.te...oimp.ru/Roboto-Black.ttf?7237') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Roboto-Bold';
src: url('http://design.te...oimp.ru/Roboto-BlackItalic.ttf?7237') format('truetype');
font-weight: bold;
font-style: italic;
}
Вот, сгруппировал. Это вообще нормально так делать?
А ошибка вроде всё та же. Не могут использоваться эти шрифты почему-то. Хотя раньше первое время работали.
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
Как я предполагаю, это какое-то нововведение в браузерах:
http://www.html5rock...tutorials/cors/
http://www.w3.org/TR/cors/
Нужно эти ошибки исправить, прописать куда-то какой-то код.
Либо эти шрифты, как я понимаю, должны находиться на сервере te...oimp.ru
Файлы в корень сайта только текстовые помещаются. Шрифты не получается залить.
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
И помогите доделать адаптивный. Он днями остаётся без доработок: http://forum.storela...495#entry233495
Сообщение отредактировал Andrew S.: 12 Апрель 2016 - 17:26