Как подключать внешние шрифты при сжатии CSS?

finik 06.03.2019 Все вопросы » Стили (CSS) 1737

вопрос

Приветствую!

Для сжатия подключаемых CSS файлов используется строка:

<link rel="stylesheet" type="text/css" href="/engine/classes/min/index.php?f={THEME}/css/engine.css,{THEME}/css/styles.css" />

но в styles.css в самом начале подключены шрифты от Гугла:

@import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,700&subset=cyrillic');

Если используется подключение css без сжатия, внешние шрифты отображаются на сайте корректно, но если css файл подключать через сжатие, то шрифты не отображаются.

Как корректно подключать внешние шрифты при одновременном сжатие css?

Спасибо.

Ответа пока нет

2 комментария

Юзер

110

akella - 2019-03-068 марта 2019 04:37 - #71497

<link href="https://fonts.googleapis.com/css?family=Exo+2:300,400,700&subset=cyrillic" rel="stylesheet">

или попробовать без импорта добавить в css всё отсюда https://fonts.googleapis.com/css?family=Exo+2:300,400,700&subset=cyrillic

Юзер

finik - 2019-03-068 марта 2019 09:48 - #71498

Я поступил иначе. Здесь выбрал параметры шрифта, скачал шрифт и добавил на сайт и подключил в CSS

/* exo-2-300 - latin_cyrillic */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/exo-2-v5-latin_cyrillic-300.eot'); /* IE9 Compat Modes */
  src: local('Exo 2 Light'), local('Exo2-Light'),
       url('../fonts/exo-2-v5-latin_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v5-latin_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v5-latin_cyrillic-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v5-latin_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v5-latin_cyrillic-300.svg#Exo2') format('svg'); /* Legacy iOS */
}
/* exo-2-regular - latin_cyrillic */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/exo-2-v5-latin_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local('Exo 2'), local('Exo2-Regular'),
       url('../fonts/exo-2-v5-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v5-latin_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v5-latin_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v5-latin_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v5-latin_cyrillic-regular.svg#Exo2') format('svg'); /* Legacy iOS */
}
/* exo-2-700 - latin_cyrillic */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/exo-2-v5-latin_cyrillic-700.eot'); /* IE9 Compat Modes */
  src: local('Exo 2 Bold'), local('Exo2-Bold'),
       url('../fonts/exo-2-v5-latin_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v5-latin_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v5-latin_cyrillic-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v5-latin_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v5-latin_cyrillic-700.svg#Exo2') format('svg'); /* Legacy iOS */
}

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

Не работают шрифты в Mozilla Firefox и Internet Explorer

07.11.2013 HopeBree Стили (CSS)

Нестандартные шрифты

09.01.2014 KAPTMEH Стили (CSS)

Как убрать размытие шрифта при использовании transform?

27.08.2015 dunwell Стили (CSS), jQuery

Как включить сжатие на версии 13.0?

15.06.2018 xatabi41986 Общие вопросы по вёрстке, Стили (CSS), jQuery

Последние события

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
Вчера, 17:08

Разъясните как вытащить id?
lutskboy | Вытащить все данные из определенного доп ... ¹

lutskboy
Вытащить все данные из определенного доп поля?
Вчера, 16:17

в adminer можно.

lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
Вчера, 16:14

выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
js скрипт можно написать


<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
Вчера, 14:39

Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
Вчера, 13:52

где выводить? админка или сайт
TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
21-11-2024, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб

наверх