Шрифт MuseoSansBlack.woff

Общее Магазины на CS-Cart
1

Юнитем 2
Когда еще часто проверял на ПейджСпиид скорость сайта, то видел там упоминание данного шрифта с сайта. MuseoSansBlack.woff и какую то ругань в связи с ним.
Шрифт этот вообще нигде не используется. Он есть в папке шрифтов в теме Юнитем, там в списках он стоит первым. Также в управлении темой в разделе шрифтов он первый.
В общем че он там делает? Почему упоминается? Можно его апще убрать? Или может пусть тянется какой то другой шрифт, заменить его.

Сам шрифт то чисто для заголовков, черный как …

А вот эта тема на прелоад шрифтов Preload шрифтов - #10 от пользователя developstores реально рабочая?

Мне кажется есть какая то связь между тем, что я к примеру перегружаю страницу и че то там грузится пару тройку секунд и только потом появляются кнопки купить и надпись в поисковом окне. Не знаю что там пытается подгрузиться.
Безнлегеогег имени

2
  • Можно убрать (хотя примерно тоже самое будет и с другими шрифтами)
  • Можно заменить (не знаю что это вам даст — будет также)
  • Можно использовать .woff2 версию шрифта (чтобы уменьшить вес файлов на половину)
  • Можно сделать так чтоб загружалось всё моментально как вы сами верно подозреваете (используя Preload / Preconnect)
3

Ну хорошо. К примеру я пока не готов к модулю. Но и нафига мне предзагрузка шрифта, которым вообще не пользуюсь. Он же для заголовков. Можно его сменить, этот прелоад шрифт, на что то другое, Робото там или еще че нить и как раз пока временно загрузить-настроить более легкую версию файла шрифта.
Вы не в курсе где это сделать? Может направите? Где этот прелоад подключается?

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

Появилась нативная предзагрузка шрифтов для тем на витрине. Автоматически предзагружается один шрифт, который найден в скомпилированном CSS магазина. Предпочтение отдается шрифтам, которые заданы в редакторе тем для Основного содержимого, Заголовков и Ссылок. Если ваша тема не поддерживает редактор тем, шрифты располагаются в порядке появления в CSS.

Для ручного управления приоритизацией, задайте свойство --preload-priority при определении @font-face. Чем меньше значение свойства, тем выше шрифт будет в списке шрифтов на предзагрузку, т.е выше вероятность его предзагрузки:

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: local('Open Sans'), local('OpenSans'), url(//fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Vw.woff2) format('woff2');
  --preload-priority: 1;
}
4

Сделал нужному шрифту --preload-priority: 1;
Поднял его в самый верх списка, смотрю консоль, там все равно торчит MuseoSansBlack.

5

Мне кажется, это дело твиков ‘disable_resource_preloading’ и ‘max_fonts_to_preload’ в config.local.php
Нужно их отключить (установить “true” и “0”, соответственно).

1 лайк
6

Вполне. Тут правда дело не только шрифтов касается, как еще отразится в целом хз.
Но самый главный то вопрос. Почему именно Музео грузится. В Css не вижу для него никаких предпочтений. В Шема тоже как все остальные вроде как оформлен.

.ut2-change-font-face() when (@headings_font = @museo_font_default) or (@museo_font_default_old),
                            (@price_font = @museo_font_default) or (@museo_font_default_old) {
    @font-face {
        font-family: "MuseoSansBlack";
        font-display: swap;
        src: url('/design/themes/abt__unitheme2/media/custom_fonts/MuseoSansBlack.eot');
        src: url('/design/themes/abt__unitheme2/media/custom_fonts/MuseoSansBlack.eot') format('embedded-opentype'),
        url('/design/themes/abt__unitheme2/media/custom_fonts/MuseoSansBlack.woff') format('woff'),
        url('/design/themes/abt__unitheme2/media/custom_fonts/MuseoSansBlack.ttf') format('truetype');
        font-style: normal;
        font-weight: normal;
        letter-spacing: 0.03em;
    }
}

Не из за @price_font = @museo_font_default же.
У других это не написано.

7

У AB на форуме нашел.

![Jacek]

Post #3333 [Опубликовано 27 февраля, 2023]

Hi,
I have a question regarding fonts. I’ve changed fonts on the site via styles/data/white.less file modification and I’m not using MuseoSansBlack right now at all (I’m using opensans).

  1. Is this a correct way to change font? Maybe you could add information in documentation how to do this?

  2. How to get rid of MuseoSansBlack font preload? It still shows in console as preloaded even though it’s not used at all.

[![ab.support.serhii]

I researched this issue a bit - it looks like the CS-Cart core does it, not our Preload addon (this happens even if it disabled).
Check tweaks on config.local.php: disable_resource_preloading (and max_fonts_to_preload accordingly)

If you set disable_resource_preloading to true - it will not be repeated.

1 лайк
8
  1. Предзагрузка полезна чтобы браузер при обновлении страницы или перехода на другую мгновенно отображал шрифт имея уже этот шрифт в кэш во время рендеринга и загрузки стилей и файлов (рекомендую параметр swap в css для него)
  2. Ну и что что только для заголовков? Не важно: все файлы шрифтов и шрифтов с иконками рекомендуется ставить в preconnect. Поверьте я уже все это проходил и на слабом железе и на медленном интернете это видно
  3. Робото это уже заезженный шрифт… он уже всех заеб…
  4. В шапке кода сайта HTML можете напрямую прописать пути preconnect файлам .ttf, .woff, woff2, .svg, .eot Preload web fonts to improve loading speed  |  Articles  |  web.dev
  5. В этом случае .woff2 нужен только для показателей Pagespeed Google / Pingdom / GTmetrix итд но я бы сделал и это для красоты либо конверторами веб либо через Fontlab / Glyphs.

PS: Free module CS-Cart Any code вам в помощь чтобы не лезть файлы .php и почитайте про асинхронную загрузку стилей и файлов .js.

9

Я preload своего шрифта сделал еще до написания поста.
Насчет этого модуля. А чем не подходит вставка кода в шаблоне по умолчанию? Там ставится кнопка разместить код на всех страницах. Или модуль что то другое делает?

10

Ну по сути разницы нет в вашем случае. Я написал как бы сделал я с точки зрения эстета

11

Вопрос как эстету. В чем разница разных полей в модуле? Одно для JS, другое для метатегов. Их вместе нельзя размещать?

12

Ну в HTML есть порядок то есть семантика и последовательность тэгов до тела кода (body). Мета тэги идут вверху и обычно после тэга title. JS скрипты должны быть уже внутри тела (body) и очень желательно чтобы они обрабатывались браузером в последнюю очередь — для этого разработчики чаще всего ставят их внизу кода ближе к концу тэга body. Иногда имеет смысл их ставить вверху кода с параметром “async” но это уже отдельная тема.

1 лайк