Подгрузка шрифта / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подгрузка шрифта

3 сообщений из 3, страница 1 из 1

Подгрузка шрифта

#40136316

urukhay

Участник

Сообщения: 517

Рейтинг: 0 / 0

Всем привет!

Подключаю шрифт Calibri-Light таким способом:

Код: css

1.
2.
3.
4.
5.
6.
7.
8.

@font-face
{
  font-family:'Calibri';
  src:	url(../fonts/Calibri-Light.eot);
  src:  url(../fonts/Calibri-Light.woff) format('woff') , 
        url(../fonts/Calibri-Light.ttf) format('truetype') , 
	url(../fonts/Calibri-Light.svg) format('svg');			
}

Сие работает в хроме, опере и яндекс браузере, но не работает в фаерфоксе и интернет эксплорере.
В чем может быть проблема и как ее решить?
Заранее благодарю!

...

Рейтинг:

0 / 0

24.02.2022, 23:51

| Ответить | Цитировать | Написать

Подгрузка шрифта

#40136380

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

urukhay

В чем может быть проблема и как ее решить?

Попробуй рекомендованный в статейке подход

Код: css

1.
2.
3.
4.
5.
6.
7.
8.

@font-face {
  font-family: 'Font Name';
  src: local('Font Name'),
	   url('/fonts/font.woff2') format('woff2'), 
	   url('/fonts/font.woff') format('woff'),
	   url('/fonts/font.ttf') format('ttf'),
	   url('/fonts/font.eot') format('eot');
}

https://snipp.ru/html-css/font-face

...

Рейтинг:

0 / 0

25.02.2022, 11:51

| Ответить | Цитировать | Написать

Подгрузка шрифта

#40136553

urukhay

Участник

Сообщения: 517

Рейтинг: 0 / 0

Спасибо за ответ и статью.
Сделал по примеру. В ФФ и ИЕ заработало.
Перестало работать в ЯБ (яндекс браузере)

Причем ему не нравится директива local('Calibri')
Если ее убрать, в ЯБ все ок, но перестает работать в ФФ ))

Вот мой итоговый вариант:

Код: css

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

@font-face 
{
	font-family: 'Calibri';
	src: local('Calibri'),
		 url('../fonts/Calibri-Light.woff2') format('woff2'),
		 url('../fonts/Calibri-Light.woff') format('woff'),
		 url('../fonts/Calibri-Light.ttf') format('ttf'),
		 url('../fonts/Calibri-Light.eot') format('eot'),
		 url('../fonts/Calibri-Light.svg') format('svg');
}

...

Рейтинг:

0 / 0

26.02.2022, 23:26

| Ответить | Цитировать | Написать

3 сообщений из 3, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подгрузка шрифта

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=40136380&tid=1443120]:	0ms
get settings:	10ms
get forum list:	13ms
check forum access:	3ms
check topic access:	3ms
track hit:	24ms
get topic data:	9ms
get forum data:	2ms
get page messages:	42ms
get tp. blocked users:	1ms
others:	15ms

total:	122ms