Задать вопрос
@ilya_tsym

Не подключаются некоторые начертания шрифта Segoe UI через font-face?

Здравствуйте. Подключаю различные начертания шрифта Segoe UI через font-face. Light, Regular и SemiBold работают нормально, но Italic и Bold почему-то не подключаются. Папки лежат в одном месте. Заранее спасибо.

@font-face {

font-family: 'SegoeUILight';

src: url('../fonts/SegoeUILight/SegoeUILight.eot');

src: url('../fonts/SegoeUILight/SegoeUILight.eot?iefix') format('eot'),

url('../fonts/SegoeUILight/SegoeUILight.woff') format('woff'),

url('../fonts/SegoeUILight/SegoeUILight.ttf') format('truetype'),

font-weight: normal;

font-style: normal;

}

@font-face {

font-family: 'SegoeUIItalic';

src: url('../fonts/SegoeUIItalic/SegoeUIItalic.eot');

src: url('../fonts/SegoeUIItalic/SegoeUIItalic.eot?iefix') format('eot'),

url('../fonts/SegoeUIItalic/SegoeUIItalic.woff') format('woff'),

url('../fonts/SegoeUIItalic/SegoeUIItalic.ttf') format('truetype'),

font-weight: normal;

font-style: normal;

}

@font-face {

font-family: 'SegoeUISemiBold';

src: url('../fonts/SegoeUISemiBold/SegoeUISemiBold.eot');

src: url('../fonts/SegoeUISemiBold/SegoeUISemiBold.eot?iefix') format('eot'),

url('../fonts/SegoeUISemiBold/SegoeUISemiBold.woff') format('woff'),

url('../fonts/SegoeUISemiBold/SegoeUISemiBold.ttf') format('truetype'),

font-weight: normal;

font-style: normal;

}

@font-face {

font-family: 'SegoeUIRegular';

src: url('../fonts/SegoeUIRegular/SegoeUIRegular.eot');

src: url('../fonts/SegoeUIRegular/SegoeUIRegular.eot?iefix') format('eot'),

url('../fonts/SegoeUIRegular/SegoeUIRegular.woff') format('woff'),

url('../fonts/SegoeUIRegular/SegoeUIRegular.ttf') format('truetype'),

font-weight: normal;

font-style: normal;

}

@font-face {

font-family: 'SegoeUIBold';

src: url('../fonts/SegoeUIBold/SegoeUIBold.eot');

src: url('../fonts/SegoeUIBold/SegoeUIBold.eot?iefix') format('eot'),

url('../fonts/SegoeUIBold/SegoeUIBold.woff') format('woff'),

url('../fonts/SegoeUIBold/SegoeUIBold.ttf') format('truetype'),

font-weight: normal;

font-style: normal;

}
  • Вопрос задан
  • 352 просмотра
Подписаться 1 Средний Комментировать
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Название шрифта у всех поставьте одинаковое.
А font-weight и font-style - соответствующие.

Например, для курсива:
@font-face {
  font-family: 'SegoeUI';
  src: url('../fonts/SegoeUIItalic/SegoeUIItalic.eot');
  src: url('../fonts/SegoeUIItalic/SegoeUIItalic.eot?iefix') format('eot'),
  url('../fonts/SegoeUIItalic/SegoeUIItalic.woff') format('woff'),
  url('../fonts/SegoeUIItalic/SegoeUIItalic.ttf') format('truetype'),
  font-weight: normal;
  font-style: italic;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы