Баг подключения шрифта через CSS в IE

@-MaZaHaKa- · Регистрация: 30.09.2013

Студворк — интернет-сервис помощи студентам

Конечно можете говорить что IE это уже не круто, им никто не пользуется, но кроссбраузерность все же необходима.

Проблема такова:
Есть браузеры: Opera, Opera Next, Chrome, IE, Firefox, Safari

Шрифт подключаю стандартными средствами:

CSS
1
2
3
4
@font-face {
    font-family: Segoe UI;
    src: url('template/font/Segoe_UI/Segoe_UI.ttf');
}

Но в IE шрифт отображается неправильно. Мало того что Segoe UI является встроенным шрифтом в Windows 8.

Проблема IE решилась добавлением знака ?:

CSS
1
2
3
4
@font-face {
    font-family: Segoe UI;
    src: url('template/font/Segoe_UI/Segoe_UI.ttf'?);
}

Но тогда во всех остальных браузерах начинаются проблемы.

Может кто сталкивался с такой проблемой? Поделитесь пожалуйста опытом

@Academik · 20.01.2014, 15:38

С такой проблемой не сталкивался, но если со знаком вопроса работает в IE так подключите отдельный файл стилей для него.

@BigBob · 20.01.2014, 17:31

Установка нестандартных шрифтов

суть в том, что нужно использовать шрифт с разными форматами: .ttf (у вас есть такой), .woff, .eot для разных браузеров.

@-MaZaHaKa- · 21.01.2014, 10:48 **[ТС]**

BigBob, у меня как раз ttf.

Проблема решилась когда я как раз добавил local("Segoe UI Light")

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .

@Academik 1030 / 682 / 297 Регистрация: 04.04.2013 Сообщений: 2,751
	20.01.2014, 15:38
	С такой проблемой не сталкивался, но если со знаком вопроса работает в IE так подключите отдельный файл стилей для него. 0

@BigBob 13 / 13 / 5 Регистрация: 30.07.2013 Сообщений: 74
	20.01.2014, 17:31
	Установка нестандартных шрифтов суть в том, что нужно использовать шрифт с разными форматами: .ttf (у вас есть такой), .woff, .eot для разных браузеров. 0

@-MaZaHaKa- 21 / 21 / 16 Регистрация: 30.09.2013 Сообщений: 262
	21.01.2014, 10:48 [ТС]
	BigBob, у меня как раз ttf. Проблема решилась когда я как раз добавил local("Segoe UI Light") 0