Как получить список всех семейств шрифтов, используемых на сайте?

Моя основная цель - удалить неиспользуемые шрифты (ссылки на шрифты). Я должен знать все семейства шрифтов, которые фактически используются на веб-сайте, а затем я удалю все неиспользуемые. Бинго;)

@codesayan этот код не работает

someserj 31.10.2018 11:56

Каким образом это не работает? Находит ли он шрифты, которые не используются? Не хватает используемых шрифтов? Приведите пример сценария, в котором шрифты не совпадают правильно.

Alohci 31.10.2018 12:02

@someserj работает, проверьте мой ответ.

codesayan 31.10.2018 12:04
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
3
1 421
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Просто вставьте это в консоль и нажмите Enter, вы увидите всплывающее окно со списком шрифтов.

function styleInPage(css, verbose){
    if (typeof getComputedStyle== "undefined")
    getComputedStyle= function(elem){
        return elem.currentStyle;
    }
    var who, hoo, values= [], val,
    nodes= document.body.getElementsByTagName('*'),
    L= nodes.length;
    for(var i= 0; i<L; i++){
        who= nodes[i];
        if (who.style){
            hoo= '#'+(who.id || who.nodeName+'('+i+')');
            val= who.style.fontFamily || getComputedStyle(who, '')[css];
            if (val){
                if (verbose) values.push([hoo, val]);
                else if (values.indexOf(val)== -1) values.push(val);
            }
            val_before = getComputedStyle(who, ':before')[css];
            if (val_before){
                if (verbose) values.push([hoo, val_before]);
                else if (values.indexOf(val_before)== -1) values.push(val_before);
            }
            val_after= getComputedStyle(who, ':after')[css];
            if (val_after){
                if (verbose) values.push([hoo, val_after]);
                else if (values.indexOf(val_after)== -1) values.push(val_after);
            }
        }
    }
    return values;
}

alert(styleInPage('fontFamily'));// returns array:

Screenshot

Это сделало для меня чудеса! Я пытался найти собственный шрифт, используемый для клиентского веб-сайта, и это сэкономило мне много времени!

Xandor 25.11.2019 20:00

Другие вопросы по теме