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

ReSQL.ru

2.0.59

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

Гость

Войти | Профиль | Очистить

Нов. | Гор. | Избр.

Написать

Автор*:

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

Тема*:

Сообщение

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

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

Автор:

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

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

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

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

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

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

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

Действия ...

Доб. в избранное
Игнор. тему
Прикреп. тему
Пометить прочит. / непрочит.
Фильтр:
Сообщения автора темы
Сообщение содержит вложения
Сообщение содержит картинки
Сообщение содержит видеоклипы
Сообщение содержит аудиоклипы
Сообщение содержит картинки или видео 18+

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

24.02.2022, 23:51

#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

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

25.02.2022, 11: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

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

26.02.2022, 23:26

#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

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

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

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

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

start [/forum/topic.php?fid=22&mobile=1&tid=1443120]:	0ms
get settings:	11ms
get forum list:	14ms
check forum access:	3ms
check topic access:	3ms
track hit:	30ms
get topic data:	13ms
get forum data:	2ms
get page messages:	41ms
get tp. blocked users:	1ms
others:	247ms

total:	365ms