Откуда тянутся Шрифты на сайте?

Question

[Gerich4444]

Добрый день, как понять какая строка кода подтягивает определенные шрифты на сайте? Интересуют эти два, с другими разобрался. Никаких ссылок на что-то похожее в index.html не вижу, вероятнее всего тянет какой-то плагин. Вот сам сайт https://gyrosmart-spb.ru/

Answer 1

[CodingStub]

Прошарьте Сtrl+F css и html файлы, на предмет этих ссылок. Так никто не знает, что за код у вас там в файлах.

Comments

[Gerich4444]

ссылка должна быть в виде fonts.gstatic.com? Пробовал по поиску фрагмента текста в поисковике бегета - не нашел

[CodingStub]

CDN google.fonts в index.html не подключен?

[Gerich4444]

CodingStub, не вижу такого

[CodingStub]

В общем все ссылки link href="https://fonts.googleapis.com тянут шрифты

Answer 2

[Владимир]

Вопрос в чем?
Как анализировать шрифты на странице?

Тебя интересует строка @font-face
Тянется на скорее всего из css поключенного через линку

https://fonts.google.com/specimen/Roboto?preview.t...

Comments

[Gerich4444]

Спасибо, а если я там вижу следующее?
Я определил, что шрифты тянет плагин, но какой именно файл не понятно. Вручную перебирать?
Если не сложно, можете на примере моего сайта показать? Плагин отвечает за окно заказа в 1 клик

[Владимир]

Gerich4444, Я вам показал три окна, вы мне одно. Откройте developer tools в Firefox, там работа со шрифтами удобнее на порядок.
Вас интересует вкладка computed, там будет видно с какого css пришел шрифт, и вкладка font, там видно набор шрифтов, который прописан и какой имеено шрифт сейчас работает.
Плагин не может установить шрифт сам по себе, он устанавливает 1) Класс елементу, или 2) Меняет inline стиль.

[Gerich4444]

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

/**
     * Get css and fonts
     *
     * @return array ('inline_css', 'google_fonts')
     */
    public static function getCss()
    {
        if (self::$css) {
            self::$css = str_replace(';}', '}', self::$css);
        }
        $google_fonts = array("'Open Sans',sans-serif" => "Open+Sans", "'Open Sans Condensed',sans-serif" => "Open+Sans+Condensed:300", "'Roboto',sans-serif" => "Roboto", "'Roboto Condensed',sans-serif" => "Roboto+Condensed", "'Roboto Slab',serif" => "Roboto+Slab", "'PT Sans',sans-serif" => "PT+Sans", "'Lora',serif" => "Lora", "'Lobster',cursive" => "Lobster", "'Ubuntu',sans-serif" => "Ubuntu", "'Noto Sans',sans-serif" => "Noto+Sans");
        $active_fonts = array();
        foreach (self::$fonts as $f) {
            if (isset($google_fonts[$f])) {
                $active_fonts[$f] = $google_fonts[$f];
            }
        }
        return array('inline_css' => self::$css, 'google_fonts' => $active_fonts ? '<link href="https://fonts.googleapis.com/css?family=' . implode('%7C', $active_fonts) . '" rel="stylesheet">' : '');
    }

[Владимир]

Gerich4444, Ссылкой ты не один фонт отключаешь, а все. Тот что ты показывал был Roboto, а тут у тебя целая пачка

[Fenrir89]

$google_fonts array эта переменная определяет активные шрифты по ссылке с именами перед => и самим шрифтом после, извиняюсь ели ошибся, css не знаю